.example .pp{ color: orange; } .example.pp2 { color: green; }如上面的兩個定義一個是中間有空格,一個是中間沒空格。 第一個class要這樣寫生效:<p class="example">文字文字<span class ...
相信大家都知道 .class .class 和 .class .class 是兩種不同的選擇規則,但具體怎樣不同呢 首先中間有空格的情況:是選擇到.class 類下的.class 類子節點,即.class 類的節點要是.class 類子節點 結果: 無空格情況:是選擇到同時擁有.class 和.class 的節點 結果: 現在清楚了,不過還有一種情況是:在IE瀏覽器的 怪異模式 quirks mo ...
2017-10-15 21:41 0 4279 推薦指數:
.example .pp{ color: orange; } .example.pp2 { color: green; }如上面的兩個定義一個是中間有空格,一個是中間沒空格。 第一個class要這樣寫生效:<p class="example">文字文字<span class ...
’。基於這樣的關系模型,CSS定義了后代選擇器(descendant selector)也稱為上下文選擇器(con ...
當兩個選擇器之間有空格的情況下,代表的是子類選擇器 代表的是a類的b子類 而兩個選擇器之間沒有空格的情況下,代表的是同時擁有兩個類名的標簽 當兩個選擇器之間是逗號的情況下,代表的是選擇了兩個類選擇器 ...
代碼如下: ...
.a.b 代表 一個元素上 同時 有 a 類 和 b 類 .a .b (中間有空格) 代表 .b 是 .a 的子元素選擇. .a,.b 代表 class='a' 和 class='b' 都會被選擇上. ...
要點: 1. “空格”:包含子孫 2. “>”:含子不含孫 舉個栗子: html代碼如下 View Code css代碼(帶空格的后代選擇): View Code 結果:子代1p 3p ...
:id選擇器的權重>class選擇器的權重=屬性選擇器的權重>元素選擇器(id選擇器和cl ...
看書的時候發現有些選擇器中的帶空格,起初並沒有在意,但是當寫選擇器的時候發現怎么都沒有反應,於是仔細比對自己寫的和書上的代碼,把空格給加上了,結果就有反應了,當是當時不明白是怎么回事,怎么也想不通。在看了幾頁書便知道怎么回事了,寫成博客分享一下。 示例代碼 ...