CSS實現(xiàn)包含某個子元素的效果可以使用選擇器中的偽類選擇器:has()
。該偽類選擇器可以用來選擇包含指定子元素的元素,例如選擇一個ul元素中包含li元素的所有ul元素。
ul:has(li) { ... }
在上述代碼中,:has(li)
表示選擇包含li元素的ul元素。這里的li可以換成其他類型的元素,如p、span等,甚至可以加上類選擇器或者屬性選擇器一起使用。
div:has(.myClass) { ... } div:has([title="example"]) { ... }
使用:has()
選擇器可以方便地實現(xiàn)包含某個子元素的效果,從而可以輕松地對包含了相應(yīng)子元素的元素進(jìn)行樣式的設(shè)置。
上一篇css 加載先后順序
下一篇css 圖片下面留白