大佬教程收集整理的这篇文章主要介绍了如何使用 CSS 定位相似的类及其子类？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
我在 wordpress 中使用 AE 模板来创建在网站周围使用的模板，因此每次我需要更新某些信息时，我都不必更改单个模板的每次出现。就我而言，我有数十个这样的模板，除了一些文本和图像之外，它们完全相同，因此除了类中的一些唯一标识符外，它们都具有完全相同的 CSS。
这是一个例子：
.elementor-3464 .elementor-element.elementor-element-380443b9 > .elementor-element-populated{
some-rules;
}
这是一行对所有模板都相同的 CSS，除了 3464 和 380443b9 因模板而异。
在我看来，使用具有相同 CSS 的多个模板为每个网页加载所有 CSS 文件似乎是在浪费代码。有没有办法通过将上面的行重写为任意 ID 号/序列（3464 和 380443b9）来定位所有模板？
我希望我可以使用 [class*=...] 选择器，但它不起作用。 我尝试将其作为上述示例的替代：
[class^="elementor-"] [class*="elementor-element-"] > .elementor-element-populated{
some-rules;
}
[class^="elementor-"] 仅在类列表以“elementor-”开头时才有效。如果在它之前还有另一个类，例如class="elementor elementor-1234" 那么它将不起作用。
您可能需要使用：
[class*="elementor-"] [class*="elementor-element-"] > .elementor-element-populated{
some-rules;
}
以上是大佬教程为你收集整理的如何使用 CSS 定位相似的类及其子类？全部内容，希望文章能够帮你解决如何使用 CSS 定位相似的类及其子类？所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。