码迷,mamicode.com
首页 > Web开发 > 详细

css3 - 基本选择器

时间:2018-04-15 21:07:47      阅读:810      评论:0      收藏:0      [点我收藏+]

标签:选择   ...   基本选择器   初始化   port   分享   定义   .com   mil   

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

 

选择器分为四大类

 

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

 

 

 

 

 

 

 

css3 - 基本选择器

标签:选择   ...   基本选择器   初始化   port   分享   定义   .com   mil   

原文地址:https://www.cnblogs.com/cisum/p/8849161.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!