css - "div.container"和 CSS 中的含义是什么

Question

目前正在调整一个主题并尝试寻找这个问题的答案!我没有被卡住 - 但更多的只是出于好奇想知道答案。

我明白了

• “#”表示一个id，
• >“。”指一个类(class)。

我也一直在阅读这个 post关于如何通过元素/ids/类的组合为您的 html/css 添加特异性，即:

a.fancy { color: red; } /*an element that has an anchor and a class = red.*/

但是我正在处理的代码有以下我不理解的元素:

div.footer {background-color: {{ settings.footer_color }};

当仅使用“.”时，为什么要将“div.footer”同时指定为 div 和类？就够了吗？在我看来，没有 div 就可以使用类“.footer”是没有意义的吗？

希望你能帮我解决这个问题!

Answer 1

div.footer意味着元素必须都是 <div>并上课 footer .

.footer将触发类为 footer 的任何元素;例如 <span class="footer" .