Html css类说明符之前或之后，是否一致？

我不明白类应该在它修改的标记之前还是之后指定

我的样式表中的以下内容适当地修改了div：

div.idea {
  margin: 0.1cm;
  }

以下情况不适用：

.idea div {
      margin: 0.1cm;
}

但是，以下内容不会修改我的定位：

a.idea {
      color: Orange;
}

以下是：

.idea a {
      color: Orange;
}

解释？

CSS选择器：

div.idea { ...  // a div that has a class="idea"
.idea div { ... // any div, that has a parent (or ancestor) that has a class="idea"
a.idea { ...    // an <a> element which has a class="idea" ( <a class="idea">text</a> )
.idea a { ..    // an <a> element which has a parent (or ancestor) of any element type (not only div) which has a class="idea"

div.idea{…//具有class=“idea”的div
.idea div{…//任何div，其父（或祖先）具有class=“idea”
a、 想法{…//an，尤其是
空格非常重要。空格的意思是“的孩子”。没有空格的意思是“和”

因此：

div.idea
：带有类
idea

<DIV class="idea"></DIV>

在使用类选择器之前，您不需要指定任何元素——它只是添加了一层特殊性

您的第一个示例：

div.idea {
  margin: 0.1cm;
}

这将首先选择所有div元素，然后将它们限制为类为
idea
的元素

你的第二个例子：

.idea div {
      margin: 0.1cm;
}

使用类
idea
选择所有元素，然后选择这些元素的所有子元素

这两个表达相当于不同的事物：

div.idea
选择具有类idea的div

.idea div
选择属于div的
idea
元素的子元素

实际上，空格使您选择子对象
css选择器假定如下

div.idea{边距：0.1cm；}

。。。

.idea分区{边距：0.1cm；}

。。。

a、 想法{颜色：橙色；}

。。。

.idea{颜色：橙色；}

。。。

id=“iGetStyled”
显示哪些项目将被设置样式
div.idea
表示带有类
idea的
div

<DIV class="idea"></DIV>

.idea div
是指类为
idea的元素中的
div

<DIV class="idea"></DIV>

他们针对不同的元素。如果没有看到您的HTML，就无法解释为什么您会看到您解释为不寻常的行为。
我确实看到了。有时文档不充分。我明白了。我实际上想知道css样式在哪里继承，在哪里没有继承。这对我来说就是答案。
<div class="idea"><div id="iGetStyled">...

<a class="idea" id="iGetStyled">...

<div class="idea"><a id="iGetStyled">...