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

css3內(nèi)容選擇器

錢琪琛1年前7瀏覽0評論

CSS3內(nèi)容選擇器是CSS3選擇器中一種特殊的選擇器,用于選取包含特定內(nèi)容的元素。CSS3內(nèi)容選擇器同時支持正則表達(dá)式,可以對內(nèi)容進(jìn)行更加精確的匹配。下面是常用的CSS3內(nèi)容選擇器:

p:contains(text) {
color: red;
}
p:empty {
background-color: gray;
}
p:not(:first-child) {
font-weight: bold;
}
p::first-letter {
font-size: 2em;
color: blue;
}
p::first-line {
text-decoration: underline;
}

:contains(text)選擇器用于選取包含給定文本的元素。例如,p:contains('hello')將選取所有包含“hello”文本的

元素,并將文本顏色設(shè)置為紅色。

:empty選擇器用于選取沒有子元素的元素。例如,p:empty將選取所有沒有子元素的

元素,并將背景顏色設(shè)置為灰色。

:not(selector)選擇器用于選取不匹配給定選擇器的元素。例如,p:not(:first-child)將選取除了第一個子元素以外的所有

元素,并將字體加粗。

::first-letter偽元素用于選取元素的第一個字母。例如,p::first-letter將選取所有

元素的第一個字母,并將字體大小設(shè)置為2em,顏色設(shè)置為藍(lán)色。

::first-line偽元素用于選取元素的第一行。例如,p::first-line將選取所有

元素的第一行,并將文本加下劃線。