码迷,mamicode.com
首页 > Web开发 > 详细

【CSS】CSS 样式的三种选择器:基本选择器、组合选择器和属性选择器

时间:2020-05-12 09:32:44      阅读:103      评论:0      收藏:0      [点我收藏+]

标签:类型   har   image   功能   bsp   charset   四种   alt   doctype   

技术图片

 

 

基本选择器

基本选择器分为四种:

  • 通用选择器
  • 标签选择器
  • 类选择器
  • ID 选择器

1. 通用选择器

通用选择器是一个星号*,功能类似于通配符,用与匹配文档中所有的元素类型,使页面中所有元素都是用该规则。

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>test</title>
  <style type="text/css">
     *{
       font-size:18px;
       color:red;
     }
  </style>
</head>
<body>
  <p style="color:pink">标签</p>
  <h2>二级标题</h2>
  <div>div</div>
</body>
</html>

技术图片

 

标签选择器

标签选择器是指任意的 HTML 标签名作为一个 CSS 的选择器,用于将 HTML 中的某种标签来统一设置样式。

 

【CSS】CSS 样式的三种选择器:基本选择器、组合选择器和属性选择器

标签:类型   har   image   功能   bsp   charset   四种   alt   doctype   

原文地址:https://www.cnblogs.com/bjxqmy/p/12874034.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!