css的選擇器
1、id選擇器
2、派生選擇器（元素標籤選擇）
3、類選擇器（class）
4、屬性選擇器（選擇擁有特定屬性的元素）[title]
[attribute]
用於選取帶有指定屬性的元素。
[attribute=value]
用於選取帶有指定屬性和值的元素。
[attribute~=value]
用於選取屬性值中包含指定詞彙的元素。
[attribute|=value]
用於選取帶有以指定值開頭的屬性值的元素，該值必須是整個單詞。
[attribute^=value]
匹配屬性值以指定值開頭的每個元素。
[attribute$=value]
匹配屬性值以指定值結尾的每個元素。
[attribute*=value]
匹配屬性值中包含指定值的每個元素。
1、選擇器分組
用逗號（，）串聯,形成乙個集合
h1, h2, h3, h4, h5, h6
這裡有乙個萬用字元*，選擇所有的元素 *
2、類選擇器詳解
（1）.類名{}；
（2）*.類名{}；萬用字元表示所有
（3）標籤名.類名{}；特定元素下面class
（4）多類選擇器
class="important warning"
>this paragraph is a very important warning.
通過把兩個類名寫在一起，表示僅同時具有這兩個類的元素樣式
.important.warning{}
3、id選擇器，最好不要出現空格選擇
4、屬性選擇器
屬性必須完全一致
a[href][title] 包含href/title的a標籤
planet[moons]
a[href=""][title="w3school"] 必須完全匹配
5、後代選擇器
h1 em h1元素下面所有的em元素都標記為紅色；推薦少用
6、子選擇器
h1 >
strong h1元素下面的子類strong元素，唯一後代；推薦多使用，結構會比較清晰
h1 > strongh1> strongh1 >strongh1>strong（此處空格沒有關係，這四種寫法都是可行的）
後代與子選擇器的結合
table.company td > p
7、相鄰兄弟選擇器
li + li 緊接在元素後面的元素，並且具有共同的父元素
多種選擇器結合：
html > body table + ul
選擇緊接在 table 元素後出現的所有兄弟 ul 元素，該 table 元素包含在乙個 body 元素中，body 元素本身是 html 元素的子元素。
8、偽類
常用幾個：
a:link
/* 未訪問的鏈結 */
a:visited
/* 已訪問的鏈結 */
a:hover
/* 滑鼠移動到鏈結上 */
a:active
/* 選定的鏈結 */
在 css 定義中，a:hover 必須被置於 a:link 和 a:visited 之後，才是有效的。
在 css 定義中，a:active 必須被置於 a:hover 之後，才是有效的。
偽類名稱對大小寫不敏感。
（2）fouce的偽類
這個偽模擬較有意思，聚焦
input:fouce表示聚焦input框是背景變色
（3）:first-child
p:first-child表示第乙個p標籤
必須宣告 doctype，這樣 :first-child 才能在 ie 中生效。
（4）：lang這個很少見啊
q:lang(no)
一些文字 段落中的引用 一些文字。
顯示效果：
一些文字~段落中的引用~一些文字。
9、偽元素
（1）:first-letter向文字的首字母新增特殊的格式
p:first-letter
注釋：
"first-letter" 偽元素只能用於塊級元素。
注釋：
下面的屬性可應用於 "first-letter" 偽元素：
（2）:first-line向文字的首行新增樣式
（3）:before向元素的前面新增新的內容
span:before
（4）:after向元素後面新增內容
span:after
css選擇器 小結
coding utf8 css selector info 選擇 class intro 的所有元素 name 選擇 id name 的所有元素 所有元素 div 選擇所有div div,p 選擇所有div和p div p 選擇div內部的p div p 選擇父元素為 元素的所有 元素 div p ...
CSS選擇器小結
基礎選擇器包括三種 html標籤選擇器，class選擇器和id選擇器三種。html標籤選擇器的使用 直接寫出html標籤名，例如 p 代表將文件中所有的p元素內部的文字渲染成紅色。class選擇器 加class名，例如 class id選擇器 加id名，例如 id 綜合選擇器，顧名思義就是將基礎選擇...
CSS的選擇器小結
css中的選擇器分為標籤選擇器 類選擇器和id選擇器 p.類選器名稱在使用類選擇器前先要為標籤設定乙個類，如 id選擇器 類似於類選擇器，不同的是id選擇器是唯一的，格式為 id選器名稱id選擇器同樣需要設定乙個id，如 選擇器是有 輩分關係 的，一代套著一代 子選擇器 子選擇器是父子關係，頗象是大...