選擇器分組和選擇器種類
阿新 • • 發佈:2018-12-26
7、選擇器分組
當遇到幾個選擇器共享一個宣告的時候,可以分組放在一起,每個選擇器必須以逗號隔開。例:h1,h2,h3,h4 { color red;}選擇器分組時要將每個選擇器路徑寫全,分組結尾不能有逗號。
例:路徑不全: #maincontent p, ul{ border-top:1pxsolid #ddd;}
正確寫法:#maincontent p, #maincontent ul{ border-top:1pxsolid #ddd;}
例:結尾多了一個逗號: .a1 p, .a1 ul,{color:red;}
8、選擇器
元素選擇器:語法格式: 元素{color: blue;}
類選擇器: 語法格式: .類名{屬性: 值;}
ID選擇器:#id名 {屬性 : 值;} ID名不能重複
萬用字元選擇器:語法格式:*{屬性:值;}
偽類選擇器:
偽類選擇器可以以不同方式格式化超級連結<a>元素的四種不同狀態:以下順序依次寫;(記憶方法:a Love or Hate)
a:link 是用在未訪問的連結的選擇器
a:visited 是用在已訪問過的連結的選擇器
a:hover 是用在滑鼠游標放在其上的連結的選擇器
a:active 是用在獲得焦點(比如,被點選)的連結的選擇器
如果需要,我們可以組合這幾個狀態,按順序寫:
a:link,a:visited { color :blue;}
a:hover ,a:active { color :blue;}
9、偽元素選擇器
標準的選擇器不能格式化一個元素內容的第一個字母或者第一行,而偽元素選擇器能實現:
所有瀏覽器支援的有兩種: :first-line和 :first-letter
例:段落的第一行:p:first-line {屬性:值;}
例:段落的第一個字母:p:first-letter {屬性:值;}