關於CSS選擇器

2021-10-03 04:24:49 字數 651 閱讀 3799

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類定義了樣式的任何...