CSS3的contains(包含)屬性是一個非常實用的選擇器,它可以在文檔中查找包含指定文本的元素,并把這些元素樣式化。
p:contains("CSS") { color: blue; font-weight: bold; }
上面的代碼表示,對于所有包含文本“CSS”的p元素,都會應用藍色字體和粗體字樣式。
需要注意的是,contains選擇器只能查找元素的文本內容,而不包括其屬性或子元素的文本內容。因此,如果想要通過屬性或子元素文本來選取元素,可以使用其他的屬性選擇器。
另外,contains選擇器在IE8及之前的瀏覽器中不被支持。因此,如果需要兼容舊版瀏覽器,可以考慮使用JavaScript來實現類似的效果。
下一篇css3d圖形