css選擇器是css規則的一部分,它能夠告訴瀏覽器,相應的html元素的樣式規則。
id選擇器,類選擇器,元素選擇器
屬性選擇器
屬性選擇器只對存在屬性的html元素有效,常見標籤的
href
屬性
url
a[href]
偽類和偽元素選擇器
<
/article>
組合器選擇器
!important
>style
行內樣式 >#
id選擇器 >.
類選擇器 > 元素選擇器 >*
萬用字元 > 繼承 > 瀏覽器預設值
!important
最重
行內樣式 1000
id選擇器 100
類選擇器10
元素 1
若權重值一樣,按照樣式的先後順序,靠後的優先。
:after
是偽類選擇器,::after
偽元素選擇器
偽類選擇器一般不用於新增實際的內容。比如新增圖示時,常用:after
關於CSS選擇器
通用選擇器 這個選擇器不經常用,看著省事,問題也有。標籤選擇器 html標籤都可以進行設定,但是常用的如ul,li,a標籤等最好還是給乙個class或者id,乙個頁面中如果有多個相同標籤,容易混淆。類選擇器 類選擇器用得比較多,也比較方便。同乙個類名可以賦給多個標籤,同樣設定了樣式也可以進行重複使用...
關於CSS選擇器
關於css選擇器部分摘自另一博友博文 關於css選擇器 css基本語法 1元素選擇器 直接選擇文件元素 比如head,p 2 類選擇器 元素的class屬性,比如 類名就是important important選擇所有有這個類屬性的元素 可以結合元素選擇器,比如p.important 3 id選擇器...
關於CSS實戰,選擇器
平時習慣用的一些選擇器 整理出來,id選擇器 banner p.intro a 請將該樣式應用給應用了intro類的段落 p 所派生的每個 鏈結a,注意在p和.intro之間沒有空格 這是在告訴css,這個 intro類必須專用於這個標籤 才有效。p intro a 以.intro類定義了樣式的任何...