p{ font-size: 16px; color: #000; line-height: 1.5; } p.highlight{ color: #f00; font-weight: bold; }
其中,第一段代码设置了p标签的基本样式,包括字体大小、颜色和行高。而在第二段代码中,使用了“highlight”这个类名来实现对某些p标签的特殊样式。当大家给某个p标签添加了highlight类名时,它的文字颜色将变成红色,字体加粗。
使用一行代码实现不同样式,可以使页面的样式表更为简洁易读,同时也方便大家对不同元素进行样式的调整。