色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

css 偽類中添加字符串

林國瑞2年前10瀏覽0評論

在CSS中,偽類是一種能夠使用選擇器來選取某些元素的狀態(tài)或指定位置的方式,其中很多偽類都可以用來對元素的特定狀態(tài)進行樣式控制。

例如,在鏈接被訪問之后,你可能想要改變鏈接的顏色或者添加一些其他的樣式。這時候可以使用“:visited”偽類來做到這一點。比如下面的樣式規(guī)則就會將已訪問過的鏈接的顏色設(shè)置為灰色:
a:visited{
color: gray;
}

另外,在一些情況下,我們需要在元素的內(nèi)容后添加一些附加的內(nèi)容,比如說給所有外鏈添加一個類似于“→”符號的箭頭,告訴用戶這是一個離開當(dāng)前網(wǎng)站的鏈接。這時候可以使用“::after”偽元素來完成這個需求:

a[href^="http://"]:not([href*="http://" + location.hostname])::after {
content: " → ";
}

關(guān)于這段代碼的解釋如下:

  • 首先,我們先找到所有的外鏈,可以使用"a[href^="http://"]"這樣的屬性選擇器來實現(xiàn)。
  • 接著,需要將當(dāng)前頁面的鏈接排除掉,也就是說只有在跟當(dāng)前網(wǎng)站域名不同時才添加這個箭頭。這里用到了":not([href*="http://" + location.hostname])"這個偽類。
  • 最后,在選中的元素后面添加一個“::after”偽元素,也就是在元素的末尾添加一個字形內(nèi)容。在這里,字形內(nèi)容為箭頭符號“→”,可以使用“content”屬性來指定。

總體來說,偽類是CSS中非常有用的一種機制,而添加字符串的方式可以讓元素看起來更加豐富、精致。我們可以根據(jù)不同的需求來靈活運用偽類來控制元素的樣式,讓網(wǎng)頁功能更加強大、美觀。