CSS选择器

最新推荐文章于 2024-07-01 17:09:52 发布

Scarlett·S

最新推荐文章于 2024-07-01 17:09:52 发布

阅读量98

点赞数

CC 4.0 BY-SA版权

分类专栏： css

本文链接：https://blog.youkuaiyun.com/qq_37503890/article/details/88638185

css 专栏收录该内容

2 篇文章

订阅专栏

博客介绍了CSS选择器的使用规则，包括相同样式选择、后代元素选择、子代元素选择以及相邻兄弟选择器。如'.a，.b'表示相同样式，'.a.b'指后代元素等，并给出了相邻兄弟选择器的示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
 <head>
 <style type="text/css">
div.demo {
	color: yellow;/* 两个全都变成黄色，因为两个class都为demo */
}
div.wrap .demo {
	color: green;/*全部变为绿色*/
}
div.wrap > .demo {
	color: blue; /* 全部变为蓝色 */
}
div.wrap + .demo {
	color: red;  /*无变化 */
}
div.demo + .demo {
	color: red; /*world变为红色 */
}
</style>
 </head>
 <body>
 <div class="wrap">
   <div class="demo"> Hello </div>
   <div class="demo"> World </div>
 </div>
</body>
</html>