层叠样式优先级CSS
2016-04-27 18:44
411 查看
按照W3School网站(点这里直达)的说法,当同一个 HTML 元素被不止一个样式定义时,它们是有优先级之分的,如下,将优先级从小到大排列出来,其中4的优先级最高:
1.浏览器缺省设置
2.外部样式表
3.内部样式表(位于 <head> 标签内部)
4.内联样式(在 HTML 元素内部)
四、总结
1.当只使用id选择器、class选择器或者标签选择器的时候,不管是使用多少种样式表定义方式,都是内嵌样式的优先级最高,接下来外部样式表和内部样式表的就得看他们的引入顺序了;
2.当只使用id选择器或者class选择器的时候,同一个标签内不管使用了多少个,都是排在前面的优先级更高;
3.当只使用标签选择器的时候,如果定义了多个一样的,你们写在最后面的标签选择器生效,也就是它的优先级最高;
4.当同一个标签中既有id选择器,又有class选择器,同时又有标签选择器的时候,优先级的次序是id选择器 > class选择器 > 标签选择器;
1.浏览器缺省设置
2.外部样式表
3.内部样式表(位于 <head> 标签内部)
4.内联样式(在 HTML 元素内部)
四、总结
1.当只使用id选择器、class选择器或者标签选择器的时候,不管是使用多少种样式表定义方式,都是内嵌样式的优先级最高,接下来外部样式表和内部样式表的就得看他们的引入顺序了;
2.当只使用id选择器或者class选择器的时候,同一个标签内不管使用了多少个,都是排在前面的优先级更高;
3.当只使用标签选择器的时候,如果定义了多个一样的,你们写在最后面的标签选择器生效,也就是它的优先级最高;
4.当同一个标签中既有id选择器,又有class选择器,同时又有标签选择器的时候,优先级的次序是id选择器 > class选择器 > 标签选择器;
相关文章推荐
- CSS样式五--颜色值、长度值
- css关于height:100%的问题
- emmet插件使用(Css)
- css3-transition过渡属性
- CSS显示红黄绿灰小图片
- CSS教程:div垂直居中的N种方法以及多行文本垂直居中的方法
- Css字体
- 关于DIV css样式宽度设成百分比怎么在浏览器中获得它的像素
- CSS编码规范
- Css语法
- css style
- Css背景
- ajax动态添加tr td (并用PHP返回值设置tr样式,用于删除操作
- Css边框
- css未知高度使图片垂直居中
- 深入了解css的行高Line Height属性
- CSS样式中的重要性。
- CSS样式中的重要性。
- CSS样式中的重要性。
- CSS样式中的重要性。