CSS：同一元素中的目标杂项html元素

是否可以将此css代码

#myId p, #myId h1, #myId h2, #myId h3, #myId h4, #myId h5, #myId h6, {}

。。。变成一条简单的规则？这件事让我抓狂…：P

塔克斯

---

佩德罗

您是否需要一条规则来影响

#myId

的所有继任者？那么这应该对你有用：

#myId * {}

---

您是否需要一条规则来影响

#myId

的所有后续项？那么这应该对你有用：

#myId * {}

---

如果这些是

#myId

容器中的唯一元素，则可以使用：

#myId * { }

---

如果不是，那么如果不更改标记（添加类、将它们包装在容器中等），就无法真正做到这一点<代码>p和

h1…h6

元素是单独的元素，在风格上不相关。从样式表的角度来看，

p

标记与

h3

标记之间的关系就像

img

标记与

小的
标记之间的关系一样。
如果这些是
#myId
容器中的唯一元素，您可以使用：

#myId * { }

如果不是，那么如果不更改标记（添加类、将它们包装在容器中等），就无法真正做到这一点<代码>p
和
h1…h6
元素是单独的元素，在风格上不相关。从样式表的角度来看，
p
标记与
h3
标记的关系，就像
img
标记与
小的
标记的关系一样。
我把你的规则运行了一遍，结果是：

#myId h1, #myId h2, #myId h3, #myId h4, #myId h5, #myId h6, #myId p {}

因此，除非你需要一条影响所有继承人的规则，否则我认为你运气不好

另一种可能更短的方法，但只有当您想不针对
#myId
中的一个特定元素时，可以是
#myId:not（img）{}
我运行了您的规则，结果是：

#myId h1, #myId h2, #myId h3, #myId h4, #myId h5, #myId h6, #myId p {}

因此，除非你需要一条影响所有继承人的规则，否则我认为你运气不好

另一种可能更短的方法是，如果您想不针对
#myId
中的一个特定元素，那么
#myId:not（img）{}
可以使用通配符选择器匹配任何元素，因此
#myId*'将匹配
#myId`中的所有元素。如果只希望匹配直接子对象，请使用直接子对象选择器：

#myId > *

如果要选择较小的子体列表，可能需要进行调查。这允许您嵌套样式，如下所示：

#myId {
    // #myId styles here
    p, h1, h2, h3, h4, h5, h6 {
        // Some more styles here
    }
}

显然，您仍然必须指定每个子元素，但它允许您更改父选择器一次，而不是更改每个子元素的父选择器。这将编译为您开始使用的同一选择器：

#myId p, #myId h1, #myId h2, #myId h3, #myId h4, #myId h5, #myId h6, {}

如前所述，您可以使用通配符选择器匹配任何元素，因此
#myId*”将匹配
#myId`中的所有元素。如果只希望匹配直接子对象，请使用直接子对象选择器：

#myId > *

如果要选择较小的子体列表，可能需要进行调查。这允许您嵌套样式，如下所示：

#myId {
    // #myId styles here
    p, h1, h2, h3, h4, h5, h6 {
        // Some more styles here
    }
}

显然，您仍然必须指定每个子元素，但它允许您更改父选择器一次，而不是更改每个子元素的父选择器。这将编译为您开始使用的同一选择器：

#myId p, #myId h1, #myId h2, #myId h3, #myId h4, #myId h5, #myId h6, {}

使用单个类并使用它除此之外-任何其他方式？使用，它给了你很多力量它取决于你试图对元素做什么，在能够提供帮助之前需要更多的上下文。使用单个类并使用它除此之外-任何其他方式？使用，它给你很多力量它取决于你试图对元素做什么，在能够提供帮助之前需要更多的上下文。我只想针对所有文本元素。没有任何编译器（Sass，LESS），显式选择器列表是唯一的出路。我只想针对所有文本元素。没有任何编译器（Sass，LESS），显式选择器列表是唯一的出路。我只想针对所有文本元素。是，CSS不会根据元素的类型进行选择，也不会区分它们。我只想针对所有文本元素。是的，CSS不会根据元素的类型进行选择，也不会区分它们。