CSS样式中有空格和无空格的区别

经常看到样式表中有 .header .content.header.content.header>.content 这几个选择器单不知道都表示什么意思,于是求助于万能的搜索,已经有答案了,记录下。

.header.content 中间无空格 且 的关系 表示class 中有 header 并且有content 的元素

.header .content 中间有空格 后代选择器 class = content 为 class=header 后代的元素

.header>.content 中间大于号 子代选择器 class = content 为 class=header 子代的元素

© 版权声明
THE END
喜欢就支持一下吧
点赞10赞赏
分享
评论 抢沙发

请登录后发表评论