正常情況下,我們使用 CSS 選擇器來選中一個元素或一組元素,但有時我們需要選中并同時操作兩個或多個元素。下面是幾個常用的 CSS 選擇器來選中兩個或多個內容。
/* 選中所有同級元素 */ selector1~selector2 { /* styles here */ }
波浪線(~)選擇器選中在指定元素后面的所有同級元素并應用 CSS 樣式。
/* 選中所有緊接著的同級元素 */ selector1+selector2 { /* styles here */ }
加號(+)選擇器選中在指定元素之后緊接著的同級元素并應用 CSS 樣式。
/* 選中第一個元素中匹配條件的后代元素 */ selector1 selector2 { /* styles here */ }
空格選擇器選中第一個選擇器指定的元素中的某些后代,并應用 CSS 樣式。
/* 選中第一個元素中的子元素與第二個元素匹配 */ selector1 >selector2 { /* styles here */ }
大于號(>)選擇器選中某個父元素的子元素并應用 CSS 樣式。
/* 選中第二個元素中是第一個元素的偽類元素 */ selector2:has(selector1) { /* styles here */ }
偽類選擇器選中某個元素中的那些以滿足選擇器中指定的條件的元素。
這些選擇器都是非常實用的,可以用于更細節的 CSS 樣式控制。
上一篇mysql 補丁修復
下一篇不可填css