1. 程式人生 > >選擇器分組和選擇器種類

選擇器分組和選擇器種類

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 {屬性:值;}