@semenvachekin

В чем отличие такого присвоения класса в CSS?

В чем прикол присвоения такого рода.
p.class и просто класс присвоенный к p , например .blue не p.blue в чем прикол?
  • Вопрос задан
  • 94 просмотра
Решения вопроса 4
fallus
@fallus
p - выбор тэга p
p.blue - выбор тэга p с классом blue
.blue - выбор ВСЕХ элементов с классом blue

p.blue - наиболее приоритетный селектор. То есть:
p.blue{
  color: red
}
p{
  color: orange
}
.blue{
  color: green
}


Цвет текста будет красным.
Ответ написан
l3ftoverz
@l3ftoverz Куратор тега CSS
Люблю Финский металкор
p.red { ... } стилизует класс red для тега <p>, для других тегов стили не применятся.
А если описать просто .red { ... } - стили будут применимы ко всем элементам с этим классом, т.е. не только к <p>. Так же у p.red { ... } больший приоритет чем у .red { ... }.
Ответ написан
iamd503
@iamd503
Верстальщик
В том. что он сработает только на параграфе. а не на всех других элементах. даже если там будет класс blue
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы