CSS 加號選擇器( )

2022-06-29 22:03:09 字數 920 閱讀 1425

加號選擇器("+"):就是指對找到的某類的元素除第乙個元素以外的兄弟元素起作用,即第乙個元素不起作用,後面的兄弟元素都會起作用

效果:給每乙個li加乙個border-left,採用加號選擇器,就沒有使第乙個li標籤產生作用

案例:

doctype html

>

<

html

lang

="en"

>

<

head

>

<

meta

charset

="utf-8"

>

<

title

>加號選擇器

title

>

<

style

>

ulli

li+li

style

>

head

>

<

body

>

<

ul>

<

li>

li>

<

li>

li>

<

li>

li>

<

li>

li>

<

li>

li>

ul>

body

>

html

>

css選擇器 CSS選擇器總結

在前不久的專案中,實習小妹妹在乙個全域性的樣式中使用了下面這個css選擇器 content 對應的html結構大致是 實習妹子大致的意思是想要讓content下的子元素div的高度100 但是貌似她沒有真正理解first child的意義,從而導致這個全域性的樣式讓 所有頁面都出現了問題,然後我就只...

CSS選擇器 復合選擇器

選擇器 名稱 說明 css 版本 通用選擇器 選擇所有元素 2元素選擇器 選擇指定型別的元素1 id 選擇器 選擇指定 id 屬性的元素1.class 選擇器 選擇指定 class 屬性的元素 1 attr 系列 屬性選擇器 選擇指定 attr 屬性的元素 2 3 s1,s2,s3 分組選擇器 選擇...

CSS選擇器 屬性選擇器

最近重新學習了css3,發現選擇器還能這麼玩。介紹一下屬性選擇器 我給咱們順著往下縷一縷 資訊量挺大 剛開始是這樣子 如下 doctype html head meta charset utf 8 title 測試網頁 title style h1 m1 style head body div h1...