1.1、选择器的优先级

CSS选择器的优先级顺序如下所示：

内联样式（style） > id选择器 > class选择器 > 元素选择器 > 通用选择器。

在CSS里面，如果有多个选择器作用在同一个元素上面，那么会按照上面的优先级顺序进行样式的选取，也就是优先级越高，浏览器最终就显示哪种样式。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"

【CSS笔记】CSS选择器的优先级（权重）相关推荐

css有哪些选择器，优先级如何计算？
这里是修真院前端小课堂,每篇分享文从八个方面深度解析前端知识/技能,本篇分享的是: [css有哪些选择器,优先级如何计算?] 开场语: 大家好,我是IT修真院上海分院第10期的学员林璇,一枚正直纯洁 ...
CSS常用的选择器和优先级的权重问题
CSS注释 CSS修改页面中的所有标签,必须借助选择器选中. 选择器中,可以写多对CSS属性,用{}包裹: 每个属性名与属性值之间用:分隔,多对属性之间,必须用;来分隔选择器{ 属性1:属性值1; ...
css继承-文字及inherit/优先级-权重/盒子问题box-sizing/溢出overflow
一. CSS继承文字相关的样式可以被继承 color line-height font-style font-size font-weight - 布局相关的样式不能被继承 ( 默认行为 ) 通过设 ...
css简介与选择器（优先级）
CSS简介: html是对网页划分区域 css是对划分区域的美化语法: 选择元素{ 属性1:属性值1, 属性2:属性值2 - } <div style="width: 100px; ...
CSS笔记二-选择器、背景相关属性、元素显示模式、CSS三大特性、chrome调试工具、PXcook使用
一.复合选择器 1.后代选择器根据HTML标签的嵌套关系,选择父元素后代中满足条件的子元素: 选择器语法:选择器1 选择器2 {css} 结果:在选择器1中所找到标签的后代(儿子.孙子.重孙子... ...
css笔记（选择器+清除浮动+定位+margin叠加以及子元素margin对父元素拖拽+羽化阴影）
##css(Cascading Style Sheet) 1.样式引入行内样式:优点--效率高: 缺点--html与css代码耦合,复用性低内部样式表:优点--解决css和html代码耦合: 缺点- ...
css笔记——css 实现自定义按钮
css实现自定义按钮的样式实际上很早就有了,只是会用的人不是很多,里面涉及到了最基础的css写法,在火狐中按钮还是会显示出来,这时需要将i标签的背景设置为白色,同时z-index设置比input高一些 ...
CSS笔记（参考很多文章非原创）
CSS重学一种属性化解释性的键值对语言内部的属性赋值流程被成为声明语句块参考1.5 万字 CSS 基础拾遗(核心知识.常见需求) - 掘金 (juejin.cn) CSS的运行原理浏览器在扫 ...
css选择器的优先级和权重问题
CSS选择器的种类: 1.id选择器如:(id="name",id="name_txt)(*name) 2.class选择器(如:class="head&quo ...

【CSS笔记】CSS选择器的优先级（权重）

1.1、选择器的优先级

【CSS笔记】CSS选择器的优先级（权重）相关推荐

最新文章

热门文章