相鄰兄弟選擇器:
格式:標籤1+標籤2
1.標籤1下面的,所有的名字叫做標籤2的兄弟級別的標籤都會被改變和修飾。
2.標籤1下面的,id名或class類名或標籤名叫做標籤2的標籤會被修飾。
3.通用兄弟選擇器不單單只改變相鄰的兄弟標籤,只要是下面的(相對而言),而且滿足條件的,都會被查詢到,然後進行修飾。
例子:使類名為***的標籤中的內容變成紅色。
我是段落
我是段落
我是段落
我是段落
我是段落
我是段落
相鄰兄弟選擇器與通用兄弟選擇器:
(1)相鄰兄弟選擇器:只能選擇相鄰的,不能選擇其他的兄弟標籤。如:標籤1+標籤2 標籤2就是標籤1的相鄰的,下面的,兄弟級別的標籤。
(2)通用標籤選擇器:能夠選擇所有的兄弟標籤,也能夠選擇我們自己想要選的兄弟標籤。如:標籤1~標籤2 系統先從標籤1下面找到所有的屬於標籤1的兄弟標籤,然後再從這些所有的兄弟標籤中找到id名或class類名或標籤名是標籤2的標籤,最後將其進行修飾。
兄弟選擇器和相鄰兄弟選擇器
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...
子選擇器 相鄰兄弟選擇器
今天新學習的關於css的各種選擇器,其中子選擇器和相鄰兄弟選擇器比較重要,可以大大的減少文件中class特性的數量。下面用乙個簡單的例子介紹一下他們的用處。事例中需要表達的樣式為 第乙個段落無邊框也無背景色 所有中的段落都有邊框 最後3個段落背景色為灰色 相鄰兄弟選擇器 title 5 style ...
和 (兄弟選擇器)
1.選擇器 如果需要選擇緊接在另乙個元素後的元素,而且二者有相同的父元素,可以使用相鄰兄弟選擇器。比如 this is paragraph.this is paragraph.this is paragraph.效果如圖 兄弟只會印象下面的p標籤的樣式,不影響上面兄弟的樣式。注意這裡的 的意義跟 a...