一道练习CSS样式选择器的题

时间：2021-05-04 23:17:07 阅读：15 评论：0 收藏：0 [点我收藏+]

div.demo{

color: black;

}

div.wrap .demo{

color: yellow;

}

div.wrap > .demo{

color: blue;

}

div.wrap + .demo{

color: red;

}

div.demo + .demo{

color: red;

}

</style>

Hello

</div>

World

</div>

Hello 和 world 两个单词分别是什么颜色？

答案： Hello world

解析：

1. div.demo 元素与类样式交集选择器 Hello World 为黑色

2. div.wrap .demo 覆盖样式1 Hello World 为黄色

3. div.wrap > .demo 覆盖样式2 Hello World 为蓝色

4. div.wrap + .demo 选择在 div.wrap 后的第一个兄弟元素并且类样式为 .demo 的元素为红色, 没有选中任何元素，此选择器无效

5. div.demo + .demo 选择在 div.demo 后的第一个类样式为 .demo 的兄弟元素设置为红色, World 变成红色,Hello 还是蓝色

原文：https://www.cnblogs.com/sushining/p/14730157.html

踩

(0)

评论一句话评论（0）

分享档案

更多>