Несколько имен в CSS, включая элементы в объявлении: вопросы синтаксиса

Question

Я столкнулся с ними на новой работе, которую я только начал.У меня нет опыта работы в Интернете, поэтому мои знания довольно просты.Я не уверен, что делают ниже.Я никогда раньше не сталкивался и не использовал подобный синтаксис.Мне удалось обнаружить, что #TAFeedback будет применяться к любому элементу с таким идентификатором, но это все, что я мог выкопать.

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

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

Answer 1

Правило CSS идентифицирует элемент, к которому оно применяется, с помощью селектора.

Вот рецензия на Селекторы CSS

Следующее является селектором потомка: #TAFeedBack div.ctrlHolder table указывает, что оно применяется к table, который содержится в div, который имеет атрибут class="ctrlHolder", который содержится внутри элемента, который имеет id="TAFeedBack".

Answer 2

.howmanyinstate .ctrlHolder ol 

применяет стиль ко всем упорядоченным спискам ol в элементе, который имеет класс ctrlHolder, и этот элемент является потомком элемента с классом howmanyinstate

Например:

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

Answer 3

.howmanyinstate .ctrlHolder ol

применяется к любому элементу ol в любом элементе с классом ctrlHolder, который сам по себе находится внутри любого элемента с классом howmanyinstate

Я не уверен, знаете ли вы это, но это известно как «селектор CSS». Возможно, вы захотите почитать.