CSS中的多个名称，包括声明中的元素：语法问题

Question

我在刚刚开始的新工作中遇到过这些问题。我没有网络经验，所以我的知识非常基础。我不确定下面做了什么。我以前从未遇到或使用过这样的语法。我能够发现#TAFeedback将适用于具有该ID的任何元素，但这就是我可以挖掘的全部内容。

.howmanyinstate .ctrlHolder ol 
{
    width:90%;
    float:right;
}

#TAFeedBack div.ctrlHolder table
{
    background:none !important; 
}

Answer 1

.howmanyinstate .ctrlHolder ol 

将样式应用于具有类ol的元素中的所有有序列表ctrlHolder，并且该元素是具有类howmanyinstate

的元素的子元素

例如：

<div class="howmanyinstate">
    <div class="ctrlHolder">
        <ol>
           ...
        </ol>
    </div>
</div>

Answer 2

CSS规则使用选择器标识它适用的元素。

这是CSS Selectors

上的一篇文章

以下是后代选择器：#TAFeedBack div.ctrlHolder table表示它适用于table中包含的div class="ctrlHolder"，其中包含属性id="TAFeedBack"具有{{1}}。

的元素

Answer 3

.howmanyinstate .ctrlHolder ol

适用于任何类别为ol的元素中的任何ctrlHolder元素，该元素本身位于类howmanyinstate

的任何元素中

我不确定你是否已经知道这一点，但这被称为“css选择器”。也许您可能想要阅读的内容。