有人说类选择器最好不要超过三层,其实我也是这样认为的,不是吗?

选择器分为四大类

标签、全选(相对于子类继承了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操作,一般不滥用!

最新文章

  1. yii2 ActiveRecord多表关联以及多表关联搜索的实现
  2. 为首次部署MongoDB做好准备:容量计划和监控
  3. mysql errno 150
  4. sqlserver索引与查询优化
  5. Codeforces Round #365 (Div. 2)-D Mishka and Interesting sum(树状数组)
  6. IOS 视图控制对象生命周期-init、viewDidLoad、viewWillAppear、viewDidAppear、viewWillDisappear等的区别及用途
  7. 【剑指offer】包括min函数的栈
  8. 树上战争(HDU 2545 并查集求解点到根节点长度)
  9. Linux内存分析
  10. c++中一个类所占用的空间
  11. LeetCode Database题解
  12. log4go 的 Bug Fix 及 增强
  13. 【Egret】web版本报错:XMLHttpRequest cannot load
  14. 深入理解 JavaScript 事件循环(一)— event loop
  15. jvm中的垃圾回收器
  16. 仿 ELEMENTUI 实现一个简单的 Form 表单
  17. Mac 在terminal 上用命令打开sublime
  18. 使用spring的aop对Struts2的Action拦截后出现依赖注入为空问题
  19. 6. ZigZag Conversion (字符串的连接)
  20. Vs2013 坑爹的Target framework问题

热门文章

  1. csrf 攻击及防御
  2. PHP中define()和const定义常量的区别
  3. TensorFlow——零碎语法知识点
  4. linux基础(Vi编辑器)
  5. linux 下java jar包的方法
  6. SOAP UI(ReadyAPI)学习——第一步:资源帖
  7. Cannot open include file: 'initializer_list': No such file or directory
  8. bzoj1433 [ZJOI2009]假期的宿舍 最大流
  9. springboot中如果使用了@Autowired注入了bean,则这个类也要为spring bean,new出来注入的bean为null
  10. linux监控平台搭建-磁盘