css选择器

---

CSS选择器：

1. 根据标签的名字选择，示例代码如下：

   p{
       background-color: pink;
   }
   

2. 根据类名选择，那么要在类的前面加一个点。示例代码如下：

   .line{
       background-color: pink;
   }
   

3. 根据id名字选择，那么要在id的前面加一个#号。示例代码如下：

   #box{
       background-color: pink;
   }
   

4. 查找子孙元素。那么要在子孙元素中间有一个空格。示例代码如下：

   #box p{
       background-color: pink;
   }
   

5. 查找直接子元素。那么要在父子元素中间有一个>。示例代码如下：

   #box > p{
       background-color: pink;
   }
   

6. 根据属性的名字进行查找。那么应该先写标签名字，然后再在中括号中写属性的值。示例代码如下：

   input[name='username']{
       background-color: pink;
   }
   

7. 在根据类名或者id进行查找的时候，如果还要根据标签名进行过滤。那么可以在类的前面或者id的前面加上标签名字。示例代码如下：

   div#line{
       background-color: pink;
   }
   div.line{
       background-color: pink;
   }