後乙個兄弟元素選擇器
作用: 可以選中乙個元素後緊挨著的指定的兄弟元素
語法: 前加乙個+後乙個(被選中)
前加乙個~後邊所有(被選中)
>
>
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.通用兄弟選擇器不單單只改變相鄰的兄弟標籤,只要是下面的 相對而言 而且滿足條件的,都會被查詢到,然後進行修飾。例...