分組
你可以對選擇器進行分組，這樣，被分組的選擇器就可以分享相同的宣告。用逗號將需要分組的選擇器分開。在下面的例子中，我們對所有的標題元素進行了分組。所有的標題元素都是綠色的。
h1,h2,h3,h4,h5,h6
根據 css，子元素從父元素繼承屬性。但是當你不希望子元素繼承父元素的屬性時該怎麼做呢？例如，在下方**片段中你不希望 「verdana, sans-serif」 字型被所有的子元素繼承，又該怎麼做呢？比方說，你希望段落的字型是 times。沒問題。建立乙個針對 p 的特殊規則，這樣它就會擺脫父元素的規則：
body
td, ul, ol, ul, li, dl, dt, dd
p
在 css1 中，通過這種方式來應用規則的選擇器被稱為上下文選擇器 (contextual selectors)，這是由於它們依賴於上下文關係來應用或者避免某項規則。在 css2 中，它們稱為派生選擇器，但是無論你如何稱呼它們，它們的作用都是相同的。
派生選擇器允許你根據文件的上下文關係來確定某個標籤的樣式。通過合理地使用派生選擇器，我們可以使 html **變得更加整潔。
比方說，你希望列表中的 strong 元素變為斜體字，而不是通常的粗體字，可以這樣定義乙個派生選擇器：
li strong
>
>
我是粗體字，不是斜體字，因為我不在列表當中，所以這個規則對我不起作用strong
>
p>
>
>
>
我是斜體字。這是因為 strong 元素位於 li 元素內。strong
>
li>
>
我是正常的字型。li
>
ol>
a
a:visited
後代選擇器 a b 匹配b元素，滿足條件：b是a的後代結點（b是a的子節點，或者a的子節點的子節點）
子選擇器 a > b 匹配b元素，滿足條件：b是a的直接子節點
相鄰兄弟選擇器 a + b 匹配b元素，滿足條件：b是a的下乙個兄弟節點（ab有相同的父結點，並且b緊跟在a的後面）
通用兄弟選擇器 a ~ b 匹配b元素，滿足條件：b是a之後的兄弟節點中的任意乙個（ab有相同的父節點，b在a之後，但不一定是緊挨著a）
對CSS中各個選擇器的一些總結
類選擇器 語法 類選擇器名稱 注意 a.英文原點開頭 b.類選擇器名稱可以任意起 除中文名外 但第一位不能為數字 用法 用合適的標籤把要修飾的內容標記起來，然後再該標籤的開始標籤裡面使用class 類選擇器名稱 為標籤設定乙個類 要修飾的內容 c.可以與元素選擇器進行結合一起使用 p.stress ...
css中的一些選擇器的用法總結
1.選擇器分組 如 h1,h2,h3,p,div color red 這些分類中的字型顏色都是紅色 2.派生選擇器 上下文選擇器 div p color red 將div中的p元素的字型設定為紅色 與分組選擇器的不同是分組情況下元素是用逗號隔開，而派生使用空格隔開 另外派生選擇器還可以用 ok p ...
css選擇器 CSS選擇器總結
在前不久的專案中，實習小妹妹在乙個全域性的樣式中使用了下面這個css選擇器 content 對應的html結構大致是 實習妹子大致的意思是想要讓content下的子元素div的高度100 但是貌似她沒有真正理解first child的意義，從而導致這個全域性的樣式讓 所有頁面都出現了問題，然後我就只...