CSS hack大全之特殊符號的應用

2021-06-16 20:34:25 字數 1467 閱讀 8473

由於各大瀏覽器尤其ie瀏覽器對web標準支援情況不一,導致標準的網頁在各個瀏覽器中的表現不一,因此,解決各瀏覽器相容性問題成為了前端工程師最重要的工作之一,而所謂的hack技術則是前端開發中必用的。

css hack的寫法有很多種,其中,特殊符號的應用最為普遍,也最為簡潔,下面一一介紹了特殊符號型別的css hack技術:

1、反斜線(\)

適用瀏覽器:ie/mac

反斜線(\)hack利用了ie/mac的乙個bug。以\*/結束的注釋在ie/mac上是不正確關閉的,所以那些需要在ie/mac上被忽略的語句可以放在這種注釋後面。

selector

2、下劃線(_)

適用瀏覽器:ie6及其以下版本

ie 6 及以下的版本可以識別帶有下劃線字首的屬性,而其它瀏覽器會忽略它。因此,乙個屬性前面加上下劃線或者連字元,就成為了ie6及以下版本瀏覽器的專有屬性。

#elem

ps:這個hack利用瀏覽器的bug使用了無效的css,因而不推薦使用。

3、星號(*)

適用瀏覽器:ie7以下版本

除了下劃線和連字元,版本7及以下的ie可以識別以非字母字元為字首的屬性,而其它瀏覽器會忽略。

#elem

ps:這個hack利用瀏覽器的bug使用了無效的css,因而不推薦使用。

4、星號 html(* html)

適用瀏覽器:ie4-6

html元素是w3c標準dom的根元素,但是ie 4至6的版本中還有乙個神秘的父元素。完全相容的瀏覽器會忽略這個* html選擇器,但ie4-6卻會對它正常處理。

* html p

ps:這個hack使用了完全有效的css。

5、星號加號(*+)

適用瀏覽器:ie7

*:first-child+html p

或者:*+html p

ps:只在ie7標準模型裡工作正常,在怪異模式下不能用。同時,也被ie8的相容模式(相當於ie7的標準模式)所支援。它也使用了有效的css。

6、子選擇器(>)

適用瀏覽器: ie6以上版本及非ie瀏覽器

ie6和早期的版本不支援「子選擇器」(>),我們可以利用這個為其它瀏覽器指定特別的規則。

html > body p

7、子選擇器加注釋(>)

適用瀏覽器: ie7以上版本及非ie瀏覽器

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

html > body p

Linux特殊符號大全

linux中shell變數katex parse error expected eof got at position 1 0,1,2的含 釋 變數說明 shell本身的pid processid shell最後執行的後台process的pid 最後執行的命令的結束 返回值 使用set命令設定的fl...

bash之特殊符號的使用

1.3 特殊符號的使用 雙引號用於括起一段字串值,支援 var形式的變數替換 a ls echo a 輸出結果是 ls 單引號也表示其內容是字串值,不支援轉義 a ls echo a 輸出結果是 ls 反引號的作用就是將反引號裡面的內容當做命令執行。必須是shell真的存在的命令 a ls echo...

bash特殊符號

bash的萬用字元與特殊符號 在 bash 的操作環境中還有乙個非常有用的功能,那就是萬用字元 wildcard 我們利用 bash 處理資料就更方便了!底下我們列出一些常用的萬用字元喔 符號意義 代表 0 個到無窮多個 任意字元 代表 一定有乙個 任意字元 同樣代表 一定有乙個在括號內 的字元 非...