老师，兄弟元素选择器不能这样用吗
来源：2-2 编程练习
慕瓜6889430
2019-11-28 10:35:28
<!DOCTYPE html>
<html>
<head>
<title>基本选择器</title>
<style type="text/css">
/*后代选择器*/
/*section div {
color:red;
}*/
/*子元素选择器*/
/*section > div{
color:red;
}*/
/*兄弟元素选择器*/
section > article + article{
color:red;
}
</style>
</head>
<body>
<section>
<article>
<div>article里面的文字</div>
</article>
<div>外面的文字</div>
<article>
<div>article里面的文字</div>
</article>
<aside>
<div>aside里面的文字</div>
</aside>
</section>
</body>
</html>
写回答
1回答
-
好帮手慕粉
2019-11-28
同学你好，关于同学的问题解答如下：
1、是不能这样使用的。article的兄弟元素不是article而且这样写也没有意义，同学是不是自己写错了呢：
兄弟选择器只能选择元素后面紧挨着的兄弟，中间不能有别的标签，例：
这样写选择的就是article的兄弟元素div，所以跟article标签是兄弟元素的且紧挨在article后面的会被选中：
2、练习考察的点是让同学使用群组选择器实现，同学可以参考如下代码：
如果我的回答帮助到了你，欢迎采纳，祝学习愉快~
0
相似问题