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

CSS 选择器学习总结

时间:2018-11-26 00:13:13      阅读:134      评论:0      收藏:0      [点我收藏+]

标签:样式   使用   div   伪类   通配符选择器   port   red   class   name   

1.id 选择器

#idname{color:red;}

2.class选择器

.classname{}

3.标签选择器

div{}

4.通配符选择器

*{}

5. 属性选择器

[id]{

}

5.选择器权重

!important >行距样式选择器>id>class | 属性>标签>通配符

使用css 选择器 使用顺序是

通配符->标签->class->id->行间选择器

6.css权重

!important      Infinity

行间选择器      1000

id                           100

class | 属性 | 伪类  10

标签 | 伪元素    1

通配符      0

 

CSS 选择器学习总结

标签:样式   使用   div   伪类   通配符选择器   port   red   class   name   

原文地址:https://www.cnblogs.com/gylhaut/p/10017835.html

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