在CSS中,通过选择器来选取某些元素,并对这些元素应用样式。CSS选择器可以使用类和ID选择器。
类选择器以 '.' 开头,后面是类名,可以给多个元素应用相同的样式。例如:
.my-class { color: red; font-size: 16px; }
HTML中需要应用这个样式的元素,需要添加class属性,并设置为.my-class,比如:
<p class="my-class">这是一个段落</p> <button class="my-class">这是一个按钮</button>
这样就能让这两个元素共享相同的样式了。
ID选择器以 '#' 开头,后面是ID名,可以应用唯一的样式。例如:
#my-id { background-color: blue; padding: 10px; }
HTML中需要应用这个样式的元素,需要添加id属性,并设置为my-id,比如:
<div id="my-id">这是一个div元素</div>
需要注意的是,ID选择器只能应用于一个元素,因为每个ID都应该是唯一的。
除了类和ID选择器外,还有其他选择器,如标签选择器、子选择器、后代选择器等。在实际开发中,需要根据具体情况选择不同的选择器,以达到最佳的开发效率和代码可维护性。