关于Css选择器优先级
2024-09-23 00:12:36
今天练习css的时候,重叠后的style发现不起作用,原来css选择器优先级大有文章。
声明: yi下内容选自 51cto.com --加以自己的理解 以备日后参照使用,毕竟自己理解的才是自己的。
三种基本的选择器
◆标签名选择器,如:p{},h3{} 直接使用HTML标签作为选择器。
◆类选择器,如.className{}。
◆ID选择器,如#tab1{}。
扩展选择器
◆后代选择器,如.polaris span img{} 空格间隔,最终指向img的样式设定
◆群组选择器,如div,span,img{} 共同设定三个标签的样式,这样写省代码
选择器的优先级别
通常用1表示 标签名 选择器的优先级
用10表示 类 选择器的优先级
用100标示 ID 选择器的优先级
用1000标示 标签内引入的style
最新文章
- java容器简要概述
- innodb_io_capacity >;=innodb_lru_scan_depth*inoodb_buffer_pool_instances。与 checkpoint
- 【转】关于C#接口和抽象类的一些说明
- mockito学习笔记
- Nginx简单操作
- unity 本地帮助文档 慢
- Java基础知识二次学习--第八章 流
- HDU1698 线段树(区间更新区间查询)
- 【NOIP2016提高组】愤怒的小鸟
- C# QQ邮箱注册,以及数秒
- C语言中#define的用法
- JavaScript 比较 和 逻辑运算符
- 关于tcp中time_wait状态的4个问题
- 【QT】第一个QT程序(点击按钮,显示特定文本)
- spring的官方文档地址
- 【Python】Excel操作-1
- 简易Java文本编译器(C++)
- [EF]vs15+ef6+mysql code first方式
- CMake Error at cmake/boost.cmake:76 (MESSAGE):
- QA-IDEA中用maven配置项目无法加载JDBC