html - 理解更复杂的后代选择器示例

标签 html css

我有点理解后代选择器,但是更复杂的例子给我带来了麻烦。例如:

#content .alternative p

此规则是否应应用于作为元素 E 后代的 p 元素,其中 E 是:

  • 元素 #content 和
  • 的后代
  • 也是 .alternative 类的成员

或者规则应该适用于 p 元素:

  • 元素 #content 的后代
  • 并且也是 .alternative 类的成员?

下面的规则怎么样?

#content .alternative .alternative1 p

最佳答案

关于第一个问题:适用于 p 元素是: 元素#content 的后代以及类为.alternative 的元素的后代

第二个是一样的,只是有一个额外的深度。

检查 this link有关选择器的更多信息

关于html - 理解更复杂的后代选择器示例,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1942067/

相关文章:

html - 绝对元素不相对于其容器定位

css - 白色边框没有出现

javascript - 工具提示被 POPUP WIndow 阻止

html - 当内容文本字体大小变大时,如何避免元素扩展?

html - 以 HTML 格式语法包含另一个 Jade 文件

javascript - JS 脚本仅适用于一张 html 卡而不是所有卡

html - 在一行中显示按钮内的文本

javascript - 如何在图像 CSS 上放置一个思想泡泡

css - twitter bootstrap 3 选项卡 View 淡入淡出无法正常工作

html - 如何在没有 Javascript 的情况下使 Ul 可点击