html - 将 css 应用于 div 和类

标签 html css css-selectors

<分区>

如何为给定的代码放置外部 CSS,因为它是一个带有 classdiv:

<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 被称为“嵌套”。这个叫什么?

最佳答案

这称为属性串联。您的示例使用了一个非常具体的规则,很难被覆盖。最好使用 tagclass 属性来设置元素的样式,并只为非常特定的样式保留 id

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

你可以在这里找到一个很好的例子解释:https://www.smashingmagazine.com/2007/07/css-specificity-things-you-should-know/

关于html - 将 css 应用于 div 和类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44284049/

上一篇:javascript - 展开带有动画的 div 容器,其中包含文本

下一篇:html - bootstrap如何禁用单行中列之间的垂直间距

相关文章:

Javascript 用实际字符替换 HTML 字符代码

java - 为什么我请求 FileName 时得到的是 null?

html - 调整具有动画 "translate(%)"的元素大小时 Safari 错误的解决方法

html - CSS 子选择器的优先级高于类选择器?

css - 如何编写此 CSS-Selector(来自先前 Anchor-Tag 的目标 img)

html - 如何使按钮彼此靠近?

html - Bootstrap 4卡水平滚动问题?

html - 我怎样才能让表格——或类似表格的东西——在 CSS 3 列之间流动?

html - CSS 在 * :before and *:after 中设置的背景颜色上方对齐背景图像

html - 在导航菜单中选择当前或事件链接的语义方式