html - CSS中的 "div>p"和 "div p"有什么区别

标签 html css

<分区>

div>p选择所有 <p>父级为 <div> 的元素元素和 div p选择所有 <p>里面的元素<div>元素。这是 W3schools 所说的,但我不知道有什么区别。如果一个元素在另一个元素内部,则另一个元素是子元素,另一个元素是父元素。我没有看到差异。

最佳答案

例子:

<div>
    <span>
        <p>...</p>
    <span>
</div>

div > p 不会选择该段落,但 div p 会。换句话说,第一个选择器是父子选择器,而第二个选择器是祖先后代。

关于html - CSS中的 "div>p"和 "div p"有什么区别,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14906723/

上一篇:html - 为一段 css 代码定义两个 id

下一篇:javascript - 滚动页面时如何更快地移动 1 div/越过 div

相关文章:

php - WordPress 页面内容风格与编辑器风格不同

html - html 5 中的 div 不会从 css3 文件中显示

html - 导航栏不适合顶部并且 block 链接变形

HTML/CSS 对齐(内联、水平)和保持右对齐

jquery slidedown 和 slideup 摆动 div

html - 按钮边框样式旁边的按钮背景

html - 导航栏中元素的对齐

html - 菜单项悬停在 <section> 边框内;

javascript - 更改选择字段后不出现输入字段

HTML - 垂直对齐表格