欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css 選擇器 has

CSS
錢旭東1年前8瀏覽0評論

CSS中有一種強大的選擇器叫做“has”選擇器，它可以根據節點內部是否含有某種標簽或屬性來選擇元素，具體的寫法是使用圓括號包裹選擇器，例如：

div:has(p) {
background-color: #ccc;
}

上面的代碼表示選擇所有含有

標簽的

元素，并將它們的背景色設置為灰色。這個選擇器非常簡單易懂，但是它的實際應用領域非常廣泛。

例如，我們可以使用has選擇器來選擇所有含有特定class或者屬性的元素，比如：

ul:has(.active) {
background-color: #eee;
}
input:has([type="checkbox"]) {
border: 1px solid black;
}

上面的代碼分別表示選擇所有含有“active”class的

    元素，并將它們的背景色設置為灰色；以及選擇所有含有type為“checkbox”的元素，并將它們的邊框設置為1像素的黑色實線。

    需要注意的是，目前has選擇器還不被所有瀏覽器支持，因此在實際應用中需要謹慎使用。如果您需要兼容各種瀏覽器，可以考慮使用jQuery等JavaScript庫來實現相似的效果。