類選擇器:
語法：類選擇器名稱
注意：a.英文原點開頭；
b.類選擇器名稱可以任意起（除中文名外），但第一位不能為數字；
用法：用合適的標籤把要修飾的內容標記起來，然後再該標籤的開始標籤裡面使用class="類選擇器名稱"為標籤設定乙個類
要修飾的內容
c.可以與元素選擇器進行結合一起使用：p.stress{}（效果：此stress樣式只對文件中所有的段落起作用，對標題等不起作用）
id選擇器：
它與類選擇器的區別在於：
a.乙個是用id="id名稱"，乙個是用class="類名稱；
b.id選擇器用"#"來定義，而不是英文原點.；
c.只能用一次，而類選擇器可以用多次；
可以使用類選擇器詞列表方法為乙個元素同時設定多個樣式，但id選擇器不可以：
stress
.big
我見到老師...
d.id選擇器和派生選擇器：id選擇器常常用於建立派生選擇器,例如：#book p{}，當文件中含有多個時，這個樣式只對book段落裡面的有效；另外即便被標註book的元素在文件當中只能出現一次，這個id選擇器作為派生選擇器也可以使用多次：
#book h1
#book p
小結：什麼時候用id選擇器？什麼時候用類選擇器？
答：類選擇器一般用於相似的元素，而id選擇器一般只有在絕對確定這個元素只出現一次的情況下才使用id選擇器。
屬性選擇器：可以根據元素的屬性以及屬性值來選擇元素
1.根據元素屬性來選擇元素：*[p]
2.根據屬性值來選擇元素：a[href]、img[href]
注：如果乙個標籤元素裡面同時有兩個以上屬性需要同時修改：baidu
a[href][title]
3.如果要對含有多個詞語的屬性值裡面的某個詞進行選擇修改：用波浪號~
a.csdn
b.csdn
如果應用樣式p[class~="important'],則只對a有效。
4.[***|=value]：用於選取帶有以指定值開頭的屬性值的元素，該值必須是整個單詞；
[***|^=value]：匹配屬性值以指定值開頭的每個元素；
[***|*=value]：匹配屬性值中包含指定值的每個元素。
子選擇器：
用於選擇指定標籤元素的第一代子元素：
.p>span
乙個月前，我坐飛機去了北京
乙個月前，我坐飛機去了北京
顯示效果是：只對第乙個段落的「我坐飛機去了北京」產生紅色邊框。
後代選擇器：又稱包含選擇器，可以選擇某元素後代的元素例：
1.我愛csdn<>
2.csdn
如果應用p strong，那麼只對1有效。
3.與子選擇器的區別在於：
a.語法上，子選擇器用「>」，後代選擇器用乙個空格；
b.子選擇器指向的是子元素的第一代後代，而後代選擇器指向的是子元素的所有後代；
4.後代選擇器與子選擇器結合：例：table.book td>p（選擇作為 td 元素子元素的所有 p 元素，這個 td 元素本身從 table 元素繼承，該 table 元素有乙個包含 book 的 class 屬性）
相鄰兄弟選擇器：選擇緊接在另乙個元素後的元素，而且二者有相同的父元素
h1+p
效果：p段落向下移動50px距離
1.如果標籤元素中有3個項，則用乙個結合符只能選擇兩個相鄰兄弟中的第二個元素；
2.與其他選擇器結合：body>div ul+li（選擇緊接在 ul元素後出現的所有兄弟li元素，該ul元素包含在乙個 div元素中，div 元素本身是body元素的子元素。
通用選擇器：
它的作用是匹配html中所有標籤元素。
* 使用該行**，可以使html中任意標籤元素字型顏色變成紅色；
*與* *效果是一樣的；
偽類：
需要注意的的是first-child的問題：
1.選擇所有元素的第乙個子元素的p元素：p:first-child
2.選擇所有p元素的第乙個i元素：p>i:first-child
3.選擇所有元素中作為第一子元素的p元素中的所有i元素：p:first-child i
偽元素：
1.向文字的第乙個字母新增特殊樣式：***:first-letter{}
2.向文字的首行新增特殊樣式：***:first-line{}
3.在元素之前新增內容：***:before{}
4.在元素之後新增內容：***:after{}
選擇器分組和宣告分組：作用是減少**量的輸入，另外易讀性更強，也便於維護
選擇器分組：h1,p -——》h1,p
宣告分組：p；p；}
——》p
選擇器分組和宣告分組結合：
h1，p
注：最後乙個宣告最好加上分號，以免再新增新宣告時遺忘。
注：不必要給很多的元素新增類，如果這些元素只是存在於頁面不同位置的話，那麼可以讓類選擇器和id選擇器置於這些元素的最頂部位置，然後用後代選擇器去定位它們。
對CSS選擇器的一些學習總結
分組 你可以對選擇器進行分組，這樣，被分組的選擇器就可以分享相同的宣告。用逗號將需要分組的選擇器分開。在下面的例子中，我們對所有的標題元素進行了分組。所有的標題元素都是綠色的。h1,h2,h3,h4,h5,h6 繼承 根據 css，子元素從父元素繼承屬性。但是當你不希望子元素繼承父元素的屬性時該怎麼...
css中的一些選擇器的用法總結
1.選擇器分組 如 h1,h2,h3,p,div color red 這些分類中的字型顏色都是紅色 2.派生選擇器 上下文選擇器 div p color red 將div中的p元素的字型設定為紅色 與分組選擇器的不同是分組情況下元素是用逗號隔開，而派生使用空格隔開 另外派生選擇器還可以用 ok p ...
關於css選擇器的一些細節
使用標籤名.類名的方式解決 如果希望特別強調其中的某乙個或幾個元素，處理的方案有三個 1.id選擇器 2.class選擇器 3.層級選擇器 看下面的 疑是地上霜 舉頭望明月 低頭思故鄉 李白重新整理瀏覽器後，顯示的效果如下 現在想讓李白這兩個字變成紅色斜體，可以有三種方法 如下 疑是地上霜 舉頭望明...