一选择器复习
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>复习预习</title>
</head>
<body>
复习预习
<!-- 1.组合选择器 -->
<!-- 群组选择器:
div, #div, .div {
该样式块同时控制多个(div, #div, .div)
}
每一个选择器位均可以为基础选择器中的一个(也可以为任意组合选择器)
h类的标签的reset操作(去除系统默认样式)
html, body, h1, h2, h3, h4, h5, h6 {
margin: 0
}
-->
<!-- 后代(子代)选择器:
// ①
<div class="sup">
<div class="sub"></div>
</div>
// ②
<div class="sup">
<div class="box">
<div class="sub"></div>
</div>
</div>
// *****可以控制①②
.sup .sub {
sup一定是sub的父代(不一定是父级,sub就是被sup直接嵌套)
}
// 只可以控制①
.sup > .sub {
sup一定是sub的父级
}
-->
<!-- 兄弟(相邻)选择器:
// ①
<div class="up"></div>
<div class="down"></div>
// ②
<div class="up"></div>
<div class="box"></div>
<div class="down"></div>
// 兄弟 控制①②
.up ~ .down {
}