CSS選擇器中的contains函數(shù)指的就是含有特定文本的元素選擇器。
例如，我們有一個(gè)HTML元素：<div>Hello World</div>。我們想要選擇這個(gè)元素。
使用contains選擇器，CSS代碼如下：
div:contains(Hello)
這個(gè)選擇器的作用是選擇所有含有文本“Hello”的div元素。
下面我們來看一個(gè)簡(jiǎn)單的實(shí)例：
<!DOCTYPE html>
<html>
<head>
<title>Contains選擇器</title>
<style>
p:contains(CSS) {
color: red;
}
</style>
</head>
<body>
<p>這是一篇關(guān)于CSS技巧的文章。</p>
<p>這篇文章中將介紹CSS選擇器的contains方法。</p>
</body>
</html>以上代碼中，我們?cè)O(shè)置了一個(gè)p元素的樣式。如果這個(gè)p元素中含有“CSS”這個(gè)單詞，那么這個(gè)p元素的字體顏色將會(huì)變?yōu)榧t色。
需要注意的是，contains選擇器區(qū)分大小寫。如選擇器“div:contains(Hello)”與“div:contains(hello)”是不同的。
此外，contains選擇器只匹配文本節(jié)點(diǎn)，不匹配HTML屬性。
總結(jié)來說，contains選擇器是一種十分有用的CSS選擇器。使用它可以輕松地選擇文本內(nèi)容包含特定關(guān)鍵詞的元素。