css三种常见选择器

CSS的选择器指的是指定CSS样式应用在哪些HTML元素上的一种方法。在CSS中，常见的选择器分为三种：元素选择器、id选择器和类选择器。

元素选择器是最基础的选择器，它通过指定HTML元素的标签名来进行匹配。例如，如果想要为所有p标签的文字设为红色，可以使用以下代码：

p {
    color: red;
} 

id选择器是通过指定HTML元素的ID属性来进行匹配。id属性在HTML中是唯一的，因此使用id选择器只会影响到指定ID的HTML元素。例如，如果想要为一个ID为"header"的div元素设置背景图片，可以使用以下代码：

#header {
    background-image: url('header-bg.jpg');
} 

类选择器是通过指定HTML元素的class属性来进行匹配。与id选择器不同，一个HTML元素可以有多个class属性。因此使用class选择器可以对多个元素进行样式定义。例如，如果希望为所有class为"title"的h1元素设置字体为24px加粗的Helvetica字体，可以使用以下代码：

h1.title {
    font-size: 24px;
    font-weight: bold;
    font-family: Helvetica, sans-serif;
} 

总之，CSS的选择器可以帮助我们非常方便地控制HTML元素的样式。熟练使用各种选择器，可以使得样式定义更为简明清晰，代码质量更高效。