html - 有没有办法只为 child 而不是孙子申请 css?

标签 html css

我想为 div 元素内的 p 元素提供 30px 的填充。但我不希望将填充应用于 p 内的 img 标签。

<div class="desc">
  <p>first paragraph</p>
  <p><img src="....."></p>
  <p>second paragraph</p>
</div>

我在下面附上了所需的结果。

enter image description here

最佳答案

您可以使用 > 选择器。

div > p { 内边距:30px; }

它仅将样式应用于直接 子元素(= 直接后代)

关于html - 有没有办法只为 child 而不是孙子申请 css?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54693730/

相关文章:

php - 如何在一个程序中读取和写入php套接字?

javascript - 如何仅在使用 Angular 2 激活 HTML 元素时启用验证?

javascript - 外部 JavaScript 函数编辑 HTML 列表标题

php - 在 HTML 表格中显示 php 数组

css - :root CSS not loaded sometimes?

JQuery:检测CSS状态变化

html - Margin 0 auto 不会让我的两个 div 居中

php - CodeIgniter 是否缓存 CSS 等资源?

css 给两个类相同的颜色

javascript - requestAnimationFrame 调用速度超过 60FPS