[分享]css入门最实用的5种选择器

选择器是CSS中非常重要的一部分，它使得我们可以针对特定的HTML元素来设置样式。下面我们来讲一下CSS入门最实用的5种选择器。1. 元素选择器 p{ color:red; } 元素选择器是最基本的...

选择器是CSS中非常重要的一部分，它使得我们可以针对特定的HTML元素来设置样式。下面我们来讲一下CSS入门最实用的5种选择器。

1. 元素选择器

  p{
        color:red;
    } 

元素选择器是最基本的一种选择器，利用元素类型选择元素。例如上面的代码，会将<p>标签中的文字颜色设置为红色。

2. 类选择器

  .intro{
        font-size:18px;
    } 

类选择器是通过class来选择元素。例如上面的代码，会将class为“intro”的元素的字体大小设置为18像素。

3. ID选择器

  #title{
        text-align:center;
    } 

ID选择器是通过元素的id来选择元素。例如上面的代码，会将id为“title”的元素的文字居中对齐。

4. 后代选择器

  div p{
        margin:10px;
    } 

后代选择器是选择某个元素下面的所有子孙元素。例如上面的代码，会将所有在<div>元素下面的<p>元素的外边距设为10像素。

5. 相邻兄弟选择器

  h2 + p{
        font-weight:bold;
    } 

相邻兄弟选择器选择的是紧随在另一个元素后的元素。例如上面的代码，会将紧跟在<h2>标签后面的<p>元素的字体加粗。