css常用选择器
1.id选择器、class选择器、标签选择器、属性选择器、通配符选择器
2.父子选择器/派生选择器、直接子元素选择器、并列选择器、分组选择器、相邻兄弟选择器
一.选择器的权重值
选择器权重值比较：
！important infinity 无穷大
行间样式 1000
转载
2024-04-24 19:08:56
31阅读
选择器权重划分代表有多个选择器同时选中同一个元素时，应该以谁的为准，这里就会涉及到权重的问题。现实生活举例假设你的好朋友小明和路人小红同时掉水里，你先救谁？那你可能会先救小明，因为小明的优先级/权重比较高。基础案例在同一层级下同一层级代表通过单个选择器直接选中某个元素
原创
2023-03-02 20:47:11
167阅读
其实，CSS有自己的优先级计算公式，而不仅仅是行间>内部>外部样式；ID>class>元素。一、样式类型 1、行间 <h1 style="font-size:12px;color:#000;">我的行间CSS样式。</h1> 2、内联 <style type="text/css">
h1{font-size:12p
转载
2024-03-19 21:51:40
76阅读
之前我们讲到同一类型的选择器暂时这么理解，更精确的说法应该是权重相同的情况下，属性冲突时，冲突的属性以最后一次在代码中出现的位置为准，不同类别的选择器（及不同权重的选择器）呢？本篇就是对不同类别的选择器的显示优先级来展开讲解选择器的权重（优先级）通配符"*"选择器 < 标签选择器< 类选择器 < id 选择器 < 行内样式 < 属性值后面加上 "!important"
转载
2024-10-08 13:42:35
48阅读
一、选择器1、css主要有7中基本选择器ID选择器：#id类选择器：.class属性选择器：a[href="qqq.com"]标签选择器：body伪类选择器：:hover、:link、:active、:visited、:focus、:first-letter伪元素选择器：::before通配符选择器：* 2、css选择器优先级  
转载
2024-04-02 09:51:17
586阅读
文章目录CSS选择器 CSS选择器CSS选择器也称为选择符，用于选择需要添加样式的元素全局选择器（通配符选择器）：用于选择需要添加样式的元素 如： *{margin:0;padding:0;} 通常不建议使用通配选择符，因为它会遍历并命中文档中所有的元素，出于性能考虑，需要酌情使用。标签选择器（元素选择符）：用于声明标记采用的样式 如：p{color:red;}类别选择器：用来为相同的类名标签定
转载
2023-12-17 09:55:01
317阅读
CSS基础总结 选择器CSS选择器分为元素选择器，组合选择符，属性选择符，伪类选择符，伪对象选择符五种。一、元素选择器1.通选符： *{ } --->选择所有元素2.类选择器： .class{ } --->选择带有该类的标签3.id选择符： #id{ } --->选择带有该ID的标签4
转载
2023-07-23 22:46:49
1105阅读
权重简单来说就是相对重要程度，如果放在CSS中代表的含义就是给同一块内容赋予不同的样式，权重高者样式才会生效！权重低则不生效！
原创
精选
2022-08-02 07:34:49
140阅读
个人博客 http://www.sharedblog.cn/?post=109当我们给同一个元素多次设置样式时，会出现权重问题，优先使用权重较高的样式，我们将权重分为四个等级： 第一等：内联样式 <h1 style="..."></h1> 权重 1000 第二等：id选择器 权重 100 第三等：class选择器，伪类选择器，属性选择器 权重 10
原创
2022-01-29 17:56:16
124阅读
个人博客http://www.sharedblog.cn/?post=109当我们给同一个元素多次设置样式时，会出现权重问题，优先使用权重较高的样式，我们将权重分为四个等级： 第一等：内联样式 <h1 style="..."></h1>权重1000 第二等：id选择器权重100 第三等：class选择器，伪类选择器，属性选择器...
原创
2021-06-09 10:01:41
492阅读
一、CSS3 简介二、CSS3 属性选择器权重三、CSS3 属性选择器
原创
2023-04-22 07:12:41
178阅读
css选择器什么是选择器？ 选择器是你构造好网页的结构，需要给这些结构赋予样式，这时候就需要用到选择器，利用选择器将元素与样式一一对应；两者的对应关系可以是一对一，一对多，多对一。选择器的分类： 这里我只展示几种比较常见的类型， 1. 标签选择器 给同一种标签添加样式，例如： 标签名{ 属性名:属性值； }<style type="text/css">
转载
2024-03-17 18:48:26
126阅读
最近有点忙，现在时间空闲下来了，好好的整理一下知识，今天总结一下css里面的一些选择器。 css里的选择器有好多种，下面我就把我了解到的写一写，如果有不全的或者有误的欢迎留言指正，万分感谢。 一、选择器 1、* 通配符选择器 这个选择器是匹配页面中所有的元素，一般用来清除浏览器的默认样式.*{margin:0; padding:0} 2、元素选择器 通
转载
2023-08-30 10:59:17
657阅读
1、CSS选择器概述通过选择器可以选定页面中的指定元素，对HTML页面中的元素实现一对一,一对多或者多对一的控制。HTML页面中的元素都是通过CSS选择器进行控制的。2、CSS选择器1、一般选择器 一般选择器
选择器示例示例说明及注意事项id选择器#name选择所有id="name"的元素，注意：一般id名不可重复class选择器.name选择所有class="name"的元素，注意：cl
转载
2023-10-26 15:20:48
139阅读
一、CSS 引入方式1、CSS 的 3 种引入方式 ( 内联 | 内嵌 | 外链 )二、CSS 选择器1、CSS 基础选择器2、CSS 复合选择器后代选择器子元素选择器交集选择器并集选择器链接伪类选择器
原创
2024-03-20 21:05:19
100阅读
标签选择器 E{ CSS规则 以文档元素作为选择父 } node2:/var/...
转载
2019-03-12 13:50:00
3706阅读
2评论
一、基础选择器与复合选择器二、后代选择器1、语法说明2、示例分析3、完整代码示例
原创
2023-03-17 00:29:05
1157阅读
一、子元素选择器1、语法说明2、代码分析3、代码示例二、交集选择器1、语法说明2、代码示例
原创
2023-03-17 00:28:59
1086阅读
CSS是用于分离网页的结构和表现的，也就是说对于一个网页，HTML定义网页的结构，CSS描述网页的样子，jQuery选择器和CSS选择器的写法十分类似，都具有隐式迭代的特点，无需循环遍历符合选择器要求的每个元素，使用起来相对方便，通常，把css选择器用$("")包起来就成了一个jQuery选择器，两者的主要区别为CSS选择器找到元素后为设置该元素的样式，jQuery选择器找到元素后添加行为。&nb
转载
2023-07-23 20:58:56
307阅读
