CSS可以判斷網(wǎng)頁(yè)中的title屬性,它是網(wǎng)頁(yè)標(biāo)題欄中顯示的文本。在CSS中,我們可以使用:before
偽元素來(lái)訪(fǎng)問(wèn)title屬性,并在頁(yè)面中顯示它:
/* 在文本前面添加 title */ p:before { content: attr(title); font-weight: bold; }
使用這段CSS代碼,我們可以在每個(gè)p標(biāo)簽前面顯示它的title屬性,并將它以粗體的形式顯示。
然而,有時(shí)候我們并不想在每個(gè)p標(biāo)簽前面都顯示title屬性。此時(shí),我們可以使用:not
選擇器來(lái)過(guò)濾掉某些p標(biāo)簽:
/* 過(guò)濾掉title屬性為“隱私政策”的p標(biāo)簽 */ p:not([title="隱私政策"]):before { content: attr(title); font-weight: bold; }
使用這段CSS代碼,我們可以過(guò)濾掉title屬性為“隱私政策”的p標(biāo)簽,并在其它p標(biāo)簽前面顯示它們的title屬性。
在CSS中,我們也可以選擇只顯示某些特定title屬性的p標(biāo)簽。比如,我們只想顯示title屬性為“注意事項(xiàng)”的p標(biāo)簽:
/* 只顯示title屬性為“注意事項(xiàng)”的p標(biāo)簽 */ p[title="注意事項(xiàng)"]:before { content: attr(title); font-weight: bold; }
使用這段CSS代碼,我們只會(huì)在title屬性為“注意事項(xiàng)”的p標(biāo)簽前面顯示它們的title屬性。
總之,CSS的:before
偽元素可以幫助我們?cè)陧?yè)面中顯示某些元素的title屬性。我們可以使用:not
選擇器來(lái)過(guò)濾掉某些元素,也可以使用屬性選擇器來(lái)只顯示特定的元素。
上一篇css判斷ie10以上
下一篇css判斷瀏覽器屏幕大小