/* 以下为选择器的示例代码 */ /* 基于元素标签名的选择器 */ p { color: red; } /* 基于元素类名的选择器 */ .classname { font-weight: bold; } /* 基于元素ID的选择器 */ #elementid { font-size: 24px; } /* 基于元素属性的选择器 */ a[target="_blank"] { color: blue; } /* 组合多个选择器的选择器 */ p.classname#elementid { background-color: yellow; }
选择器的使用非常灵活,能够快速地定位多个需要应用相同样式的元素,从而提高开发效率。同时,合理的选择器的使用也可以避免代码冗余,提高网页性能。
需要注意的是,选择器也可以嵌套使用,但是过度的嵌套会导致代码混乱不堪,可读性降低,建议选择器不要超过3个。