CSS 同等級選擇是 CSS 中十分重要的一個概念,它允許您在同一級下選擇元素。
同等級選擇器使用相同的選擇器指向多個元素,它們的優先級相同。下面是一些常見的同等級選擇器:
p { font-size: 16px; } h1 { font-size: 24px; } p, h1 { color: blue; }
上面的代碼中,我們定義了一個 `font-size` 屬性分別為 `16px` 和 `24px` 的 `p` 和 `h1` 元素。在同樣的級別下,我們使用 `,` 分隔符選擇了 `p` 和 `h1` 元素,將它們的字體顏色設置為藍色。
一些其他常見的同等級選擇器包括:
- `div, span`:選擇所有 `div` 和 `span` 元素。
- `a[href], input[type=text]`:選擇所有具有 `href` 屬性的 `a` 元素,以及所有類型為 `text` 的 `input` 元素。
- `h1, h2, h3`:選擇所有級別為 `h1`、`h2` 和 `h3` 的元素。
可以使用同等級選擇器精細控制 CSS 樣式,通過了解這些選擇器,您可以更好地掌握 CSS。
下一篇css同時上標下標