HTML : <div class="main"> <a class="main not

Question

HTML : <div class="main"> <a class="main not

only active">not only active main</a>
<br>
<a class="active">active in main</a>
<br>
<a class="main" class="active" class="other">without</a>
</div>
<div class="active">only active</div>

CSS :
.main,.active {
color: red;
}

.active {
color: blue;
}

Почему 1 строка принимает синий цвет? там же вообще active нету

#css #frontend #html #programming #russian

0

09.12.2021

15 ответов

21 просмотр

Evgeniy Rubtsov🤠 Автор вопроса

LZD
потому что идет перечисление класов через запятую

Тоесть он нашел и main и active ?

0

09.12.2021

LZD

Evgeniy Rubtsov🤠
Тоесть он нашел и main и active ?

да

0

09.12.2021

LZD

Evgeniy Rubtsov🤠
Тоесть он нашел и main и active ?

по отдельности

0

09.12.2021

Evgeniy Rubtsov🤠 Автор вопроса

LZD
по отдельности

Стоп а почему active стал главнее main в первой строке?

0

09.12.2021

LZD

Evgeniy Rubtsov🤠
Стоп а почему active стал главнее main в первой ст...

потому что правила применются сверху вниз

0

09.12.2021

Evgeniy Rubtsov🤠 Автор вопроса

LZD
потому что правила применются сверху вниз

Если через запятую то наоборот все?

0

09.12.2021

LZD

Evgeniy Rubtsov🤠
Если через запятую то наоборот все?

не понял вопроса

0

09.12.2021

Evgeniy Rubtsov🤠 Автор вопроса

LZD
потому что правила применются сверху вниз

Что значит применяются сверху в низ?

0

09.12.2021

LZD

Evgeniy Rubtsov🤠
Если через запятую то наоборот все?

если селекторы совпадают то применится то которое ниже

0

09.12.2021

Evgeniy Rubtsov🤠 Автор вопроса

LZD
если селекторы совпадают то применится то которое ...

А если .main.active и .main .active

0

09.12.2021

LZD

Evgeniy Rubtsov🤠
А если .main.active и .main .active

применится последнее из них

0

09.12.2021

LZD

Evgeniy Rubtsov🤠
А если .main.active и .main .active

а у элемента какие классы?

0

09.12.2021

LZD

Evgeniy Rubtsov🤠
А если .main.active и .main .active

перво применится к элементу в котором есть сразу два каласа и мейн и эктив второе применяться к элементаму который имеет класс эктив и находится в родтиельском элементе у котого класс мейн

0

09.12.2021

Evgeniy Rubtsov🤠 Автор вопроса

LZD
перво применится к элементу в котором есть сразу д...

Все понял, спасибо

0

09.12.2021