选择器的权重,为什么推荐class而不用id
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>选择器的权重</title>
</head>
<body>
<h1>hello</h1>
<style>
/ 提权 /
/ 最高权重 /
h1 {
color: aqua !important;
}
/ 112 /
/ 2:个标签，1:class,1:一个id /
body h1.title#active {
color: rgb(92, 44, 10);
}
/ 提权 /
/ 012 /
/ 2个标签，一个class,0个id /
body h1.title {
color: cadetblue;
}
/ 提权 /
/ 002 /
/ 2个标签，0个class ,0个id /
body h1 {
color: brown;
}
/ 相同的权重，上下位置决定 /
/ 0 0 1 /
h1 {
color: blue;
}
/ 不推荐用id ,权重太高后边没有提的空间，推荐用class,标签数量太少 /
</style>
</body>
</html>
更多相关文章
- Android之UI学习篇十：使用TabHost实现微博客户端界面
- Android利用SAX解析XML文件
- Android(安卓)默认Tab标签大小及间距修改
- original-package
- android pull dom解析xml
- Android(安卓)三角标签（自定义Textview控件）
- 【Android外文翻译 - 03】创建可复用的UI组件
- android 布局权重问题（最近布局经常坑爹）
- Android(安卓)setTag和getTag()的使用