Можно ссылаться на элементы с именами классов и только внутри определенного DIV с идентификатором и не нужно предварительно использовать имя идентификатора, т.е.

Question

Скажите, что мой CSS выглядит так:

#StoreIndexMain .LeftSideControl
{
    padding-top: 35px;
    background-color:#FFFFFF;
    width:78px;
    float:left;
    height: 58em;

}

#StoreIndexMain .LeftSideControl:Hover
{

    opacity: .6;
     background-color: #ebebeb;
}

Я надеялся, что может быть что-то вроде:

#StoreIndexMain
(

.LeftSideControl {}


.LeftSideControl:Hover {}

)

Answer 1

К сожалению, нет.Каждый селектор является независимой единицей.CSS (в настоящее время) не допускает этот тип спецификации селектора (хотя я вижу, где это может оказаться полезным; внесите рекомендацию для следующей спецификации CSS и позвольте сообществу приложить все усилия).

Редактировать: Однако тем временем вы можете использовать препроцессор CSS для получения таких функций. SASS - один из таких популярных препроцессоров.Эта особенность будет Вложенность .