CSS：选择器
1.CSS选择器.
- 标签选择器[div]
- id选择器[#name]每一个标签惟一标识
- class选择器[.class]多个标签能够用同一个Class,同一个标签也能够有多个class
- 后代选择器div div[只要知足这个条件的皆可（子孙后代）]
- 子代选择器 div>div[必须是父代的亲儿子的所有内容]注意：子代选择器IE6不支持
- 相邻兄弟选择器div+div
- 分组选择器，若是要写多个标签的属性能够用逗号隔开
- 伪类选择器：：link/visited：/hover:/:active（它们有前后顺序）
- 提升原元素的权重值 background:@ffff00 !important;
- 选择有多个class的元素
-
<div class="aa">aa</div>css
-
<div class="aa bb">bb</div>html
- .aa.bb/或者div.aa.bb
- 选择器权重值：
- !import>内联样式>id>class>标签;
- css:class样式跟顺序有关，如何是使用同一个选择器，后面的会把前面的覆盖掉；
- 若是有多个子元素，能够相加以后比较，若是 相同，后面的把前面的覆盖掉；
- （但不是绝对的，若是有具体的选择器会比层层进的大）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.a .b .c .d .e .f .g .h .i .j .k{
background-color: red;
}
#l{
background-color: aqua;//背景为aqua;
}
</style>
</head>
<body>
<div class="a">
<div class="b">
<div class="c">
<div class="d">
<div class="e">
<div class="f">
<div class="g">
<div class="h">
<div class="i">
<div class="j">
<div class="k" id="l">div</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
相关文章
- 1. 【CSS】【选择器】CSS选择器种类
- 2. css -- css选择器
- 3. css选择器
- 4. CSS选择器
- 5. CSS 选择器
- 6. CSS-选择器
- 7. css 选择器
- 更多相关文章...
- • XQuery 选择 和 过滤 - XQuery 教程
- • MySQL选择数据库（MySQL USE语句） - MySQL教程
- • Docker容器实战(七) - 容器眼光下的文件系统
- • Docker容器实战(六) - 容器的隔离与限制
相关标签/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
欢迎关注本站公众号,获取更多信息
相关文章
- 1. 【CSS】【选择器】CSS选择器种类
- 2. css -- css选择器
- 3. css选择器
- 4. CSS选择器
- 5. CSS 选择器
- 6. CSS-选择器
- 7. css 选择器