常用选择器

常用选择器

元素选择器：

作用：根据标签来选中指定的元素

语法：标签名{}

案例：p{} h1{} div{}

<head>
   <style>
       p{
           color: red;
      }
   </style>
</head>
<body>
   <p>描述内容</p>
</body>

id选择器

作用：根据元素的id属性来选中一个元素

语法：#id属性值{}

例子：#box #red

<head>
   <style>
      #red{
           color: red;
      }
   </style>
</head>
<body>
   <p id="red">描述内容</p>
</body>

类选择器

作用：根据元素的class属性来选中一组元素

语法：.class属性值

例子：.red{}

<head>
   <style>
      #red{
           color: red;
      }
   </style>
</head>
<body>
   <p class="red">描述内容</p>
   <p class="red">描述内容</p>
</body>

通配选择器

作用：选中页面中的所有元素

语法：*

列子*{}

<head>
   <style>
    *{
           color: red;
      }
   </style>
</head>
<body>
   <h1>标题</h1>
   <p>描述内容</p>
   <p>描述内容</p>
   
</body>

 

posted on 2020-05-17 06:58  厌红尘  阅读(120)  评论(0)    收藏  举报

导航