CSS 取所有兄弟元素是一種用于獲取元素的 CSS 類名,通常用于編寫樣式時,需要對某個特定的元素及其兄弟元素進行樣式調整。取所有兄弟元素的方法可以使用 CSS 類名的通配符“*”來獲取所有兄弟元素,如下所示:
```css
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0;
.parent-class {
display: flex;
flex-wrap: wrap;
.child-class {
flex: 1;
margin: 0 auto;
padding: 10px;
background-color: #f0f0f0;
border-radius: 5px;
在上面的示例中,`.parent-class` 是父類 CSS 類名,`.child-class` 是子類 CSS 類名。使用通配符 `*` 可以獲取父類中所有具有子類 CSS 類名的元素,例如 `.parent-class *` 可以獲取所有父類中具有 `.child-class` 類名的元素,如下所示:
```css
.parent-class {
display: flex;
flex-wrap: wrap;
.child-class {
flex: 1;
margin: 0 auto;
padding: 10px;
background-color: #f0f0f0;
border-radius: 5px;
在上面的示例中,`.parent-class` 是父類 CSS 類名,`.child-class` 是子類 CSS 類名,`*` 通配符可以獲取父類中所有具有子類 CSS 類名的元素,包括具有子類 CSS 類名的兄弟元素。
需要注意的是,通配符 `*` 用于獲取所有元素,這可能包含一些不受限制的元素,例如公共元素、偽元素、媒體查詢、狀態屬性等。因此,在實際應用中,應該謹慎使用通配符,避免包含不受限制的元素。