将CSS应用于div和class [重复]

Question

这个问题已经在这里有了答案：

• CSS选择器中的空格是什么意思？ 即.classA.classB和.classA .classB有什么区别？ 4个答案

如何为给定代码放置外部CSS，因为它是带有class的div ：

<div class="adv_post_container nolinks" id="activity-post-container" style="display: block;">

是吗

#activity-post-container.adv_post_container.nolinks

要么

#activity-post-container .adv_post_container.nolinks

还是有另一种方法？

顺便问一下，这叫什么？ 我知道div内的div被称为“嵌套”。 这个叫什么？

Answer 1

这称为attribute concatenation 。 您的示例使用了非常具体的规则，很难覆盖。 最好使用tag或class属性为元素设置样式，并仅对非常特定的样式保留id 。

如果您深入研究CSS特异性，您将学到很多关于如何使用属性以及它们具有什么特异性的知识。

您可以在此处找到带有示例的很好解释： https : //www.smashingmagazine.com/2007/07/css-specificity-things-you-should-know/

Answer 2

首先，确定要用于定位，分类或ID的对象，然后使用以下选项之一：

• 您以“ # ”定位的ID： #activity-post-container
• 您使用“ . ”定位的类： .adv_post_container

Answer 3

您可以使用任何这些ID和类。 “＃”（如果您定位ID）＃activity-post-container或“。” 如果您定位您的班级.adv_post_container