类选择器的工作方式类似。主要的区别在于,每个页面只能应用一次ID,而类可以根据需要在页面上使用多次。
在下面的示例中,具有“first”类的两个段落都将受到CSS的影响:
html
<div id="pro"> <p class="first">第一行段落</p> <p> 这是第二行段落 </p> </div> <p class="first">不在pro的第一行段落</p> <p> 这是第二行段落 不在pro</p>
css
.first {font-size: 200%;}
结果
第一行段落
这是第二行段落
不在pro的第一行段落
这是第二行段落 不在pro