css3选择器空格问题

喜欢玩游戏啊

于 2016-05-15 13:18:32 发布

阅读量994

点赞数

CC 4.0 BY-SA版权

分类专栏： css3 文章标签： css3

本文链接：https://blog.youkuaiyun.com/kingGCL/article/details/51416690

css3 专栏收录该内容

2 篇文章

订阅专栏

本文详细解析了CSS中选择器的使用方法，特别是针对空格在选择器中的意义进行了阐述。当选择器中出现空格时，它代表着后代选择器的概念；而没有空格的情况则代表直接元素的选择。此外，还介绍了类选择器之间的区别。

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

<body>
<style type="text/css" media="screen">
p :hover{
background-color:green;
}
</style>

<p>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
</p>
</body>

选择器空格问题

如上: p :hover 之间添加空格，选择的就是p的后代集合的鼠标hover。如果 p:hover 之间没空格，选择的就是p集合的鼠标hover。还有类的关系，比如 .one.two.three ，三个类之间没有空格，表示的是多类选择器，匹配拥有这三个类的元素。如果之间有空格则表示父子选择器。