兄弟元素選擇器

2021-09-25 15:56:40 字數 829 閱讀 7578

後乙個兄弟元素選擇器

作用: 可以選中乙個元素後緊挨著的指定的兄弟元素

語法: 前加乙個+後乙個(被選中)

前加乙個~後邊所有(被選中)

>

>

charset

="utf-8"

>

>

兄弟元素選擇器title

>

type

="text/css"

>

/* * 為span後的p元素設定乙個背景顏色為黃色

* 後乙個兄弟元素選擇器

* 作用: 可以選中乙個元素後緊挨著的指定的兄弟元素

* 語法: 前加乙個+後乙個(被選中)

* 前加乙個~後邊所有(被選中)

*/span+div

span~p

style

>

head

>

>

>

我是乙個p標籤p

>

>

我是乙個p標籤p

>

>

我是乙個p標籤p

>

>

我是乙個span標籤span

>

>

我是乙個div標籤div

>

>

我是乙個p標籤p

>

>

我是乙個p標籤p

>

>

我是乙個p標籤p

>

body

>

html

>

偽元素選擇器 屬性選擇器 兄弟元素選擇器

一 偽元素 使用偽元素來表示元素中的一些特殊位置 常用 1 first letter 為元素中的第乙個位置設定樣式 2 first line 為元素中的第一行位置設定樣式 3 before 為元素最前邊的部分設定樣式 一般before都需要結合屬性content樣式一起使用 通過content可以向...

兄弟選擇器和相鄰兄弟選擇器

1 兄弟選擇器 brother selector,bs bs是css3.0新增的乙個選擇器,語法格式 a b a b為html元素 標籤,表示a標籤匹配selector的a,b標籤匹配selector的b時,b標籤匹配樣式 hello word hello word hello word hello...

兄弟選擇器

相鄰兄弟選擇器 格式 標籤1 標籤2 1.標籤1下面的,所有的名字叫做標籤2的兄弟級別的標籤都會被改變和修飾。2.標籤1下面的,id名或class類名或標籤名叫做標籤2的標籤會被修飾。3.通用兄弟選擇器不單單只改變相鄰的兄弟標籤,只要是下面的 相對而言 而且滿足條件的,都會被查詢到,然後進行修飾。例...