css样式优先级和权重问题
内联样式: <div style="font-size: 12px;">姓名</div>
外部样式: <link rel="stylesheet" href="css/bootstrap.min.css" />
内嵌样式 : <style>
.name{
font-size: 12px;;
}
</style>
jquery书写样式:$('#name').css('font-size','12px');
id选择器: <div id="name">姓名</div>
class选择器:<div class="name">姓名</div>
一般情况下,优先级问题:
jquery书写样式 > 内联样式 > 外部样式;
id选择器 > class选择器 ; id一般作为数据传输,样式的话尽量使用class;
在html页面中,程序是自上至下执行的,执行晚的优先级高,如果外部样式先执行,内嵌样式后执行,则内嵌样式 > 外部样式
权重问题:
元素,伪元素: +1 p{font-size:12px;} 直接写p标签的样式
类,伪类,属性: +10 class选择器
ID: +100 id选择器
内联样式: +1000 内联样式
用代码(js,jquery)书写的样式: +较高 $('#name').css('font-size','12px');
!important : +最高 p{font-size: 20px !important;};
例如以下样式:
p {} p为元素 总权重就是:1
div p{} p与div都是元素 总权重是:1=1=2
.div p{} .div是类,p是元素 总权重是:10+1=11
.div .class_p{} .div是类 .class_p是p元素的class 总权重是:10+10=20
先写这么多!
!important : 这个较为特殊,只要写在样式后边 font-size: 20px !important; 那这个样式的权重最高。
最新文章
- PHP 命名空间(namespace)
- 工欲善其事-Maven介绍与使用
- jelq
- C: 数组形参
- python 时间戳
- How to append files to a .tar archive using Apache Commons Compress?(转)
- 【Android手机测试】OOM
- webmagic 基本的方法
- Redis主从复制详解
- Gitbook在Windows上安装
- Windows邮件客户端
- Linux 第八天
- C - Little Jumper (三分)
- quartz.net实现集群部署的笔记
- LibreOJ 6004. 「网络流 24 题」圆桌聚餐 网络流版子题
- RPC笔记之初探RPC:DIY简单RPC框架
- Android 数据存储01之SharedPreferences
- Alias Method for Sampling 采样方法
- ArcGIS 要素闪烁
- 多媒体基础知识之PCM数据
热门文章
- php history.back返回后表单数据丢失的解决办法
- SpringJdbc之queryForXXX大全解读
- HTML5 Canvas ( 绘制一轮弯月, 星空中的弯月 )
- linux时间
- VBA 语句集400句
- LaiFeng-code
- iPhone launch screen,self.view.frame.size
- 值得推荐的C/C++开源框架和库
- centos7 防火墙配置
- 安卓上为什么不能用system.io.file读取streammingAssets目录下的文件