/* 匹配所有具有 title 属性的元素 */ [title] { color: blue; } /* 匹配所有 href 属性值包含 ".pdf" 的元素 */ [href$=".pdf"] { display: none; } /* 匹配所有 href 属性值以 "https" 开头的元素 */ [href^="https"] { border: 1px solid black; } /* 匹配所有 href 属性值包含 "w3school" 的元素 */ [href*="w3school"] { font-weight: bold; }
使用CSS属性选择器伪类可以让大家更加方便的选择对应元素,同时也使得代码更加整洁易读。在实际开发中,大家可以灵活使用这些伪类来达到自己想要的样式效果。