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

Question

[semenvachekin]

В чем прикол присвоения такого рода.
p.class и просто класс присвоенный к p , например .blue не p.blue в чем прикол?

Comments

[Сергей delphinpro]

https://developer.mozilla.org/ru/docs/Web/CSS/Spec...
https://habr.com/ru/post/436610/

https://yandex.ru/search/?text=css%20специфичность

Answer 1

[fallus]

p - выбор тэга p
p.blue - выбор тэга p с классом blue
.blue - выбор ВСЕХ элементов с классом blue

p.blue - наиболее приоритетный селектор. То есть:

p.blue{
  color: red
}
p{
  color: orange
}
.blue{
  color: green
}

Цвет текста будет красным.

Comments

[semenvachekin]

Спасибо

Answer 2

[vista1x]

https://jsfiddle.net/r4kuxsqa/

Answer 3

[Евгений]

В том. что он сработает только на параграфе. а не на всех других элементах. даже если там будет класс blue