'有用”嗎？

上帝，我很有趣。

每當我們擁有具有共同父母的相當重複的選擇器時，它可能是我們可以使用：is（）偽選擇器的地方。

霍爾格·巴特爾（Holger Bartel）這樣說：

節H1節，第H1部分，部分，旁邊的H1，nav H1節，
文章第H1部分，文章H1，《旁邊的文章》，文章NAV H1，
除了第H1條之外，除了H1外，除了H1之外，除了NAV H1外，
NAV Section H1，NAV文章H1，NAV旁邊H1，NAV NAV H1 {
  字體大小：20px;
}

變成：

 ：is（部分，文章，旁邊，nav）
：is（部分，文章，旁邊，nav）h1 {
  字體大小：20px;
}

亞當·阿蓋爾（Adam Argyle）這樣說：

#CSS

：是（）選擇器？
接替：任何（）和：matches（）

潛入我們的演講中，這是我用XD製作的整潔的GIF，顯示了：is（）選擇器語法可以做什麼。為Chrome Dev summit y'all！

- Adam Argyle（@argyleink）2019年11月7日

MDN有一個額外的戲劇性：

 ol ul，ol ul ul，ol菜單ul，ol dir ul，
OL菜單，OL UL菜單，OL菜單，OL DIR菜單，
Ol Dir，Ol ul Dir，Ol Menu Dir，Ol Dir dir，
Ul ol ul，Ul ul，Ul菜單UL，UL DIR UL，
UL OL菜單，UL UL菜單，UL菜單，UL DIR菜單，
Ul ol dir，ul ul dir，ul菜單dir，ul dir dir，
菜單ol ul，菜單UL，菜單菜單UL，菜單dir ul，
菜單OL菜單，菜單UL菜單，菜單菜單，菜單DIR菜單，
菜單OL DIR，菜單UL DIR，菜單菜單dir，菜單dir dir，
dir ol ul，dir ul，dir菜單ul，dir dir ul，
Dir ol菜單，DIR UL菜單，DIR菜單，Dir Dir菜單，
dir ol dir，dir ul dir，dir菜單dir，dir dir dir {
  列表式型：Square;
}

 ：is（ol，ul，菜單，dir）：is（ol，ul，菜單，dir）ul，
：is（ol，ul，菜單，dir）：is（ol，ul，菜單，dir）菜單，
：is（ol，ul，菜單，dir）：is（ol，ul，菜單，dir）dir {
  列表式型：Square;
}

這是較少的代碼，更容易推理。

Kezz Bracey指出，將其配對：不（）也可以很好：

 ：不是（文章，部分，旁邊）：IS（H1，H2，H3，H4，H5，H6）{
  字體重量：400;
}

瀏覽器的支持剛剛開始到達那裡，並且多填充很難，因此我們還沒有在日常的無限額使用級別上。我敢打賭，它不遠。

以上是'有用”嗎？的詳細內容。更多資訊請關注PHP中文網其他相關文章！