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

css根據(jù)內(nèi)容查找元素

謝彥文1年前7瀏覽0評論

在CSS中,查找一個元素最常用的方式就是通過選擇器來匹配元素的屬性。但有時,我們需要根據(jù)元素的內(nèi)容來查找對應(yīng)的元素,這時就需要使用內(nèi)容選擇器。

內(nèi)容選擇器是CSS3引入的一種選擇器,它可以根據(jù)元素的內(nèi)容來查找符合要求的元素。常用的內(nèi)容選擇器有三種:

/* 1. :contains()選擇器 */
p:contains('頁面') {  
color: red;  
}
/* 2. [attr~=val]選擇器 */
p[data]>a[href~='https'] {  
text-decoration: underline;  
}
/* 3. :lang()選擇器 */
p:lang(en) {  
font-weight: bold;  
}

第一種是:contains()選擇器,它可以匹配包含指定文本的元素。可以使用單引號或雙引號來引用文本,在括號中寫明要查找的文本即可。

第二種是[attr~=val]選擇器,它可以匹配屬性值中包含指定單詞的元素。其中,attr是元素的屬性名,val是要查找的單詞。例如,上面的代碼可以匹配帶有data屬性的p標(biāo)簽下的href屬性中包含https單詞的a標(biāo)簽。

第三種是:lang()選擇器,它可以匹配指定語言的元素。可以在括號中寫明要查找的語言代碼,在語言代碼后面可以跟著國家代碼。例如,:lang(en-US)表示查找英語(美國)語言的元素。

使用這些內(nèi)容選擇器,可以方便地找到頁面中特定的元素,并進(jìn)行樣式設(shè)置。不過值得注意的是,這些選擇器的效率比較低,因此不要在大型頁面中頻繁使用。