css選擇器
有萬用字元選擇器書寫格式：*+｛聲名塊｝
並集選擇器/組合選擇器 書寫格式;元素或類或id+「」+元素或類或id+「，」+元素或類或id｛宣告塊｝
列：h1，h2，h3｛color：red；｝
層次選擇器 ：
子集選擇器： 格式:父級元素名稱+">"+子級元素名稱+
例:div>p
後代選擇器： 格式:祖先元素名稱+空格+後代元素名稱+
例:div p
兄第選擇器： 格式: a元素名稱+"+"+b元素名稱+
例:div+p 注:選擇a元素後的b元素,ab之間不許有其他元素.
通用選擇器： 格式:同級元素a+"~"+同級元素b+
例:div~p 注:表示選擇與a元素同級別的所有b元素(b的位置是在a後面)。
偽類選擇器
動態偽類選擇器未訪問 （把預設值改為黑色）；
a:link
滑鼠懸停
a:hover
滑鼠點選時
a:active
點選後a:visited；
注:hover是可以用於多個元素身上的,但其他三個只能用於具有點選功能的元素上。
a:focus
多用於輸入框或鏈結（注:ie7以前不支援:focus注；ie6以前不支援:hover :active）
以上5個的順序要求: a:link,visited,focus,hover,active
b:visited,link,focus,hover,active
結構偽類選擇器
格式:元素名稱+":nth-child(n)"+ 例:section:nth-child(2)
表示選中html裡的第二個section元素,文字設定為deeppink
選中第乙個 格式:元素名稱+":first-child"+ 例:p:first-child
選中最後乙個 格式:元素名稱+":last-child"+ 例:p:last-child
選中奇數項 格式:元素名稱+":nth-child(odd)"+ 例:section:nth-child(odd)
選中偶數項 格式:元素名稱+":nth-child(even)"+ 例:section:nth-child(even)
偽元素選擇器
元素後面加內容
格式:元素名稱+":after"+ 例:i:after
元素前面加內容
格式:元素名稱+":before"+ 例:i:before
元素第一行新增樣式
格式:元素名稱+":first-line"+ 例:p:first-line
元素第乙個字母或第乙個漢字
格式:元素名稱+":first-letter"+ 例:p:first-letter
注:為了解決相容性,偽元素選擇器,建議打兩個冒號
css選擇器種類介紹
1.標籤選擇器 用標籤名作為選擇器,就是指給同名的標籤統一加上外觀樣式,這種選擇器影響範圍大,一般用來做一些通用設定,或者層級選擇器中 例 div 這是第乙個div 這是第二個div 2.類選擇器 1.可使用class的屬性,把html網頁中的標籤進行分類,然後根據類名稱來進行設定 2.注意 1.使...
Css選擇器的種類
選擇器有 全域性選擇器，組合選擇器，後代選擇器，子元素選擇器，巢狀選擇器，標籤選擇器，類選擇器，id選擇器，偽類選擇器這幾種。全域性選擇器 設定所有標籤使用同一樣式，用表示 全域性選擇器語法 全域性選擇器 設定所有標籤使用同一樣式，用表示 全域性選擇器語法 顯示效果 html 我是段落紅色 css ...
css中選擇器種類總結
b 1 型別選擇器 即html標籤選擇器 b 選擇器名稱 屬性 屬性值 如 h2 color white color red 關注點 不需要 號，不需要 號，就是 html標籤名稱 屬性 屬性值 color b 2 屬性選擇器 html標籤中的屬性選擇器，比如div 有align屬性 b 選擇器名稱...