CSS主要知识点总结---选择器

最新推荐文章于 2023-08-23 14:35:40 发布

VIP文章 sytloveyxj

最新推荐文章于 2023-08-23 14:35:40 发布

阅读量423

点赞数

分类专栏：前端文章标签： css

本文链接：https://blog.csdn.net/sytloveyxj/article/details/107082863

版权

在 CSS 中，选择器是一种模式，用于选择需要添加样式的元素。

1）基本选择器

通用选择器：适用于所有元素，例如：* { margin:0; padding:0; }
标签选择器：匹配所有使用该标签的元素，例如：p{font-size:1px}
id选择器：匹配所有id属性等于当前名字的元素，例如：#info { background:#ff0; } <div id='info'></div>
class选择器：匹配所有class属性中包含当前名字的元素，例如：.iinfo { background:#ff0; } <div class='info'></div>

2）组合选择器

复合选择器：两个或两个以上选择器组合在一起，以便更精确的设置某一个或某一类标签，中间不用分割符号，例如：

<head>
  <style>
        p.msg { color: blue; }
        p#msg { color: red; }
  </style>
</head>
<body>
    <p class="msg">hello</p>
    <p id="msg">world</p>
</body>

后代选择器 :不管嵌套几层，只要在父代选择器所在的标签包裹内，都可以被设置，父代选择器和后代选择器中间用空格分割

最低0.47元/天解锁文章

sytloveyxj

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
CSS主要知识点总结---选择器

在 CSS 中，选择器是一种模式，用于选择需要添加样式的元素。1）基本选择器通用选择器：适用于所有元素，例如：* { margin:0; padding:0; } 标签选择器：匹配所有使用该标签的元素，例如：p{font-size:1px} id选择器：匹配所有id属性等于当前名字的元素，例如：#info { background:#ff0; } <div id='info'></div> class选择器：匹配所有class属性中包含当前名字的元素，例如：.iinfo
复制链接

扫一扫