css三种选择器的特点

在CSS中，选择器是指我们用来指定特定元素应用CSS样式的方式。最常用的选择器包括三种：元素选择器、类选择器和ID选择器，每种选择器都有其独特的特点。

/* 元素选择器 */

p { 
  color: red; 
  font-size: 16px; 
} 

元素选择器是CSS中使用最广泛的选择器之一，它基于HTML中各种元素的标签名称来选取样式。如果我们想让所有p标签的文字颜色都为红色，那么可以使用p作为选择器，并为其指定color属性。

/* 类选择器 */

.test { 
  color: blue; 
  font-weight: bold; 
} 

类选择器是指以"."引导的选择器，它可以选择任意一个拥有该类名属性的HTML元素，并将样式应用到这些元素上。类选择器使用非常广泛，特别是在应用相似的样式到多个元素时。例如，在以下代码中，我们可以为所有类名为“test”的元素添加蓝色样式：

<p class="test">Hello World!</p>
<p class="test">CSS is great!</p> 

/* ID选择器 */

#wrapper { 
  background-color: yellow; 
  padding: 10px; 
} 

ID选择器是指以"#"引导的选择器，它用来选取页面上唯一的一个含有指定ID属性的HTML元素。因为ID是唯一的，所以使用ID选择器可以保证只对应一个元素应用这些样式。例如，在以下代码中，我们可以为ID为“wrapper”的元素添加黄色背景和10px的padding：

<div id="wrapper">
  <p>This is some content.</p>
</div> 

三种选择器各有其独特的用途，我们可以根据实际需要选择适当的选择器来为我们的网页添加CSS样式。