了解后代选择器的更复杂示例
发布于2021-04-08 21:35 阅读(1020) 评论(0) 点赞(11) 收藏(1)
我对后代选择器有些了解，但是更复杂的示例给我带来了麻烦。例如：
#content .alternative p
该规则是否适用于元素E的后代的p个元素，其中E为：
- 元素
#content和的后代 - 也是班上的成员
.alternative
还是应该将规则应用于以下p元素：
- 元素的后代
#content - 而且也是班上的成员
.alternative吗？
以下规则如何？
#content .alternative .alternative1 p
解决方案
选择器最右边的部分是实际选择元素的部分。空格是后代选择器。如果没有空格，则选择器全部应用于一个元素。
#content .alternative p
类元素中包含的p元素包含在id内容元素中的替代元素。
#content .alternative .alternative1 p
包含在id元素的元素中包含的类Alternative的元素中的p元素。
#content p.alternative.alternative1
id内容的元素中包含类Alternative1和类Alternative的p元素。
所属网站分类: 技术文章 > 问答
作者：黑洞官方问答小能手
链接：http://www.qianduanheidong.com/blog/article/56957/64d373f375b2c914927f/
来源：前端黑洞网
任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任
昵称:
评论内容：(最多支持255个字符)
---无人问津也好，技不如人也罢，你都要试着安静下来，去做自己该做的事，而不是让内心的烦躁、焦虑，坏掉你本来就不多的热情和定力