CSS的特殊符號怎么應用

這篇文章主要介紹“CSS的特殊符號怎么應用”，在日常操作中，相信很多人在CSS的特殊符號怎么應用問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”CSS的特殊符號怎么應用”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！

1、反斜線（\）  

適用瀏覽器：IE/Mac

反斜線（\）hack利用了IE/Mac的一個bug。以\*/結束的css 注釋在IE/Mac上是不正確關閉的，所以那些需要在IE/Mac上被忽略的語句可以放在這種注釋后面。

/* CSS注釋：在IE Mac上忽略下面的語句 \*/  selector { ...styles... }  /* 忽略結束 */

2、下劃線（_）

適用瀏覽器：IE6及其以下版本

IE 6 及以下的版本可以識別帶有下劃線前綴的屬性，而其它瀏覽器會忽略它。因此，一個屬性前面加上下劃線或者連字符，就成為了IE6及以下版本瀏覽器的專有屬性。

#elem {  width: [W3C Model Width]; _width: [BorderBox Model];  }

PS:這個hack利用瀏覽器的bug使用了無效的CSS，因而不推薦使用。

3、星號（*）   

適用瀏覽器：IE7以下版本

除了下劃線和連字符，版本7及以下的IE可以識別以非字母字符為前綴的屬性，而其它瀏覽器會忽略。

#elem {  width: [W3C Model Width];  *width: [BorderBox Model];  }

PS:這個hack利用瀏覽器的bug使用了無效的CSS，因而不推薦使用。

4、星號 HTML（* html）   

適用瀏覽器：IE4-6

HTML元素是W3C標準DOM的根元素，但是IE 4至6的版本中還有一個神秘的父元素。完全兼容的瀏覽器會忽略這個* html選擇器，但IE4-6卻會對它正常處理。

* html p {font-size: 5em; }

PS：這個HACK使用了完全有效的CSS。

5、星號加號（*+）  

適用瀏覽器：IE7

*:first-child+html p { font-size: 5em; }

或者：

*+html p { font-size: 5em; }

PS：只在IE7標準模型里工作正常，在怪異模式下不能用。同時，也被IE8的兼容模式（相當于IE7的標準模式）所支持。它也使用了有效的CSS。

6、子選擇器（>） 

適用瀏覽器： IE6以上版本及非IE瀏覽器

IE6和早期的版本不支持“子選擇器”(>)，我們可以利用這個為其它瀏覽器指定特別的規則。

html > body p { color: blue; }

7、子選擇器加注釋（>/**/） 

適用瀏覽器： IE7以上版本及非IE瀏覽器

雖然IE7支持對子選擇器，但通過以下hack方法也可以把IE7也排除。當一個空的注釋緊跟在子選擇器的后面重復的時候，IE7會不識別后面的規則，就和較早版本的瀏覽器一樣。

html >/**/ body p { color: blue; }

到此，關于“CSS的特殊符號怎么應用”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！