在前端開發中,CSS是非常重要的一個組成部分,但有時我們需要將某些CSS代碼“隱藏”,不讓用戶看到。下面介紹幾種常見的隱藏CSS代碼的方法。
/* 方法1:將CSS代碼放到HTML標簽的style屬性中 */ <div style="display:none"> <style> body { background-color: black; color: white; } </style> </div> /* 方法2:將CSS代碼放到HTML標簽的注釋中 */ <div> <!-- <style> body { background-color: black; color: white; } </style> --> </div> /* 方法3:將CSS代碼放到JavaScript注釋中 */ <div> <script> /* <style> body { background-color: black; color: white; } </style> */ </script> </div>
這些方法雖然可以隱藏CSS代碼,但并不能完全防止用戶查看。要想徹底保護代碼,建議使用服務器端的技術,例如使用PHP將CSS代碼嵌入到PHP文件中,然后通過include、require等方法引用。