css3 - 基本选择器
2024-10-20 11:24:11
有人说类选择器最好不要超过三层,其实我也是这样认为的,不是吗?
选择器分为四大类
标签、全选(相对于子类继承了0.1)、类、ID
权值分别是:1->0.1->10->100(权值可叠加),权值大的会覆盖小的
还有一个最大权值:!important
增加权值栗子
标签(也就是浏览器初始化的默认类了):
body,html,span....
* 全选:
相信很多人,都看到了 “全选”吧?
很多网页一开头就是这样的(好像腾讯和几大巨头,都自定了样式,俗称reset,css), 之所以全选会对所有样式进行初始化
难道只能这样写吗?
no,我们可以指定类名或ID
box-father 指定了它以下的元素都有它的样式(子承父业)
只要子想改行了(margin-top),父是没有权利去管它的
也就是说只要box定义了相同的样式,那么box-father定义的即无效!
. 类选择器
如果我要找.box-sin ,只有这样找吗?
.box-father .box .box-sin
no,其实我们可以简写为
1. .box-sin 2. .box-father .box-sin
第一个,是指全局所有的.box-sin
第二个,是指.box-father下面的.box-sin
# ID选择器:
通常一般用来JavaScript操作,一般不滥用!
最新文章
- yii2 ActiveRecord多表关联以及多表关联搜索的实现
- 为首次部署MongoDB做好准备:容量计划和监控
- mysql errno 150
- sqlserver索引与查询优化
- Codeforces Round #365 (Div. 2)-D Mishka and Interesting sum(树状数组)
- IOS 视图控制对象生命周期-init、viewDidLoad、viewWillAppear、viewDidAppear、viewWillDisappear等的区别及用途
- 【剑指offer】包括min函数的栈
- 树上战争(HDU 2545 并查集求解点到根节点长度)
- Linux内存分析
- c++中一个类所占用的空间
- LeetCode Database题解
- log4go 的 Bug Fix 及 增强
- 【Egret】web版本报错:XMLHttpRequest cannot load
- 深入理解 JavaScript 事件循环(一)— event loop
- jvm中的垃圾回收器
- 仿 ELEMENTUI 实现一个简单的 Form 表单
- Mac 在terminal 上用命令打开sublime
- 使用spring的aop对Struts2的Action拦截后出现依赖注入为空问题
- 6. ZigZag Conversion (字符串的连接)
- Vs2013 坑爹的Target framework问题
热门文章
- csrf 攻击及防御
- PHP中define()和const定义常量的区别
- TensorFlow——零碎语法知识点
- linux基础(Vi编辑器)
- linux 下java jar包的方法
- SOAP UI(ReadyAPI)学习——第一步:资源帖
- Cannot open include file: 'initializer_list': No such file or directory
- bzoj1433 [ZJOI2009]假期的宿舍 最大流
- springboot中如果使用了@Autowired注入了bean,则这个类也要为spring bean,new出来注入的bean为null
- linux监控平台搭建-磁盘