基於CSS

在設計網頁時的樣式元素，對於基於所包含的子元素的樣式元素時，它對於樣式元素很有用。 While CSS currently lacks the ":containing" pseudo-class to directly address this requirement, there is an alternative solution available: the ":has" pseudo-class.

The ":has" pseudo-class allows you to apply styles to an element only when it contains a specific child element. “：has”的語法如下： div：has（child-element）{ 樣式 } 示例usage：

在此代碼中，第一個規則目標是包含帶有“ a”的子元素的任何“ div”元素，並在其中添加了紅色邊框。同樣，第二個規則將藍色邊界應用於“ div”元素，其中包含“ b”類的子元素。