一.兄弟选择器
语法格式:A~B或者A+B
'+'选择器则表示某元素后相邻的兄弟元素,也就是紧紧挨着的，是单个的
"~"选择器表示某元素之后所有同级的指定元素,强调所有的。
兄弟元素在选择的时候，不选择自己
/* 1.跟它最接近的弟弟（只选择一个）+
2.选中除它之外的所有弟弟（选中多个）~
a+span{
color: blue;
}
a~span{
color: blueviolet;
font-weight: bolder;
}
</style>
</head>
<body>
<!-- 非独占一行元素和独占一行元素能不能成为父子结构 -->
123
123
</div>
</body>
</html>
二.后代选择器
后代选择器又称为包含选择器，用来选择元素或元素组的后代。其写法就是把外层标签写在前面，中间用空格分隔。当标签发生嵌套时，内层标签就成为外层标签的后代。
div{
width: 500px;
height: 500px;
background-color:red;
}
span{
width: 200px;
height: 200px;
background-color:black;
}
div>p{
color: brown;
}
</style>
</head>
<body>
</span>
13456
三.属性选择器
表示选取标签中带有的某些特殊属性的选择器
[bigg=one]{
color: aliceblu
最低0.47元/天 解锁文章
316
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
