兄弟選擇器

2021-07-29 20:49:47 字數 653 閱讀 1737

相鄰兄弟選擇器:

格式:標籤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...