/*添加CSS类*/ .myClass { color: red; font-size: 18px; } <p class="myClass">这是一个样式应用了.myClass的段落</p>/*使用且限制多个元素*/ p.myClass { color: red; font-size: 18px; } <p class="myClass">这是一个样式应用了.myClass的段落</p><p class="myClass">这是另一个样式应用了.myClass的段落</p>
如上所示,类是在CSS中创建的,命名规则通常使用小写字母和短划线,例如:.myClass。而且则是在选择器中使用的AND关键字,用于同时应用样式到多个元素。
如果在一个页面中需要给多个元素应用相同的样式,建议使用类来实现。这样可以避免代码冗余,提高代码复用性。而且,可以用来精细控制某一个特定的元素应用同一样式。