第5等:代表元素选择器和伪元素选择器,如div,p,权值为1 通用选择器(*),子选择器(>)和相邻同胞选择器(+)并不在这四个等级中,所以他们的权值都为0 三、CSS选择器权重计算 1、元素被两个css样式选中,选择权重大的样式,如果权重一样,以css中后出现的为准 2、元素没有被css样式选中,要显示继承的样式时,使用...
每个类选择器、属性选择器或伪类增加 (0,0,1,0)。 每个类型选择器或伪元素增加 (0,0,0,1)。 样式声明中 !important 的作用: 声明中加上 !important 会覆盖上述任何具体性计算结果,迫使样式优先应用。 继承和默认优先级: 继承得到的样式通常有较低的优先级。 用户代理(浏览器)的默认样式通常优先级最低。
1. ID选择器(最高优先级) ID选择器使用HTML元素的id属性来选择特定的元素。 #myElement {/* CSS样式 */} 2. 类选择器 类选择器使用HTML元素的class属性来选择元素。 .myClass {/* CSS样式 */} 3. 标签选择器 标签选择器使用HTML标签名称来选择所有具有该标签名称的元素。 p{/* CSS样式 */} 4. 伪...
行高可以跟单位也可以不跟单位如果子元素没有设置行高，则会继承父元素的行高为 1.5此时子元素的行高是：当前子元素的文字大小 * 1.5body 行高 1.5 这样写法最大的优势就是里面子元素可以根据自己文字大小自动调整行高 优先级 当同一个元素指定多个选择器，就会有优先级的产生。选择器相同，则执行层叠性，选择...
如果在其后面加上!important,则这个选择器的优先级就会变成最高的 选择器1是父代选择器,选择器2是后代选择器 只选儿子 e.g.任何标签都可以添加伪类 标签:hover{CSS} 关系选择器 相邻兄弟选择器:选择紧跟E元素后的F元素,用加号表示,选择相邻的第一个元素,只能向下选择 语法:E+F{ } 通用兄弟选择器:选择E元素...
select1,select2,select3 : 分组选择器 2. 层级选择器 ancestor descendant :后代选择器(给定祖先元素下匹配所有的后代元素) 1 parent > child :子代选择器 (父元素下匹配所有的子元素) 2 prev + next :兄弟选择器(紧接在prev后面的next元素,next元素指的是下一个相邻同辈元素) 2 ...
一个1级选择器,优先级数值+1; 一个2级选择器,优先级数值+10; 一个3级选择器,优先级数值+100。 实战范例 1. 颜色是? 2. 颜色是? 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 当css如下时,1和2都是深蓝色,因为两个后代选择器优先级相同,...
继承:即子类元素继承父类的样式; 优先级:是指不同类别样式的权重比较; 层叠:是说当数量相同时,通过层叠(后者覆盖前者)的样式。 1.CSS选择器分类 全局选择器(通配符*) 标签选择器(body,div,p,ul,li) 类选择器(.) ID选择器(#) 组合选择器(.head .head_loge,两选择器之间用空格隔开) ...
1.元素1和元素2直接按用空格分开 2.元素1是父级,元素2是子级,最终选择的是元素2 3.元素2可以是儿子,孙子等,只要是元素1的后代即可 4.元素1和元素2可以是任意基础选择器 上图中选择器的意思就是:选中div标签内的所有span。 此处使用的元素1和元素2都是标签选择器,也可以改为其它的选择器: ...