/* 在文本前面添加 title */ p:before { content: attr(title); font-weight: bold; }
使用这段CSS代码,大家可以在每个p标签前面显示它的title属性,并将它以粗体的形式显示。
然而,有时候大家并不想在每个p标签前面都显示title属性。此时,大家可以使用:not
选择器来过滤掉某些p标签:
/* 过滤掉title属性为“隐私政策”的p标签 */ p:not([title="隐私政策"]):before { content: attr(title); font-weight: bold; }
使用这段CSS代码,大家可以过滤掉title属性为“隐私政策”的p标签,并在其它p标签前面显示它们的title属性。
在CSS中,大家也可以选择只显示某些特定title属性的p标签。比如,大家只想显示title属性为“注意事项”的p标签:
/* 只显示title属性为“注意事项”的p标签 */ p[title="注意事项"]:before { content: attr(title); font-weight: bold; }
使用这段CSS代码,大家只会在title属性为“注意事项”的p标签前面显示它们的title属性。
总之,CSS的:before
伪元素可以帮助大家在页面中显示某些元素的title属性。大家可以使用:not
选择器来过滤掉某些元素,也可以使用属性选择器来只显示特定的元素。