Первый селектор CSS не работает должным образом

Question

Привет, я новичок в веб-дизайне. Что-то действительно странное произошло, когда я пытался работать над своим первым CSS. первый селектор во внешней таблице стилей не работает! Например:

p { 
    color:red; 
} 
body { 
    color:blue; 
} 
section { 
    background-color:black; 
} 

не приводит к красному цвету пунктов, но когда я изменить порядок селекторов, например:

body { 
    color:blue; 
} 
p { 
    color:red; 
} 
section {background-color:black; 
} 

то же самое происходит в цвете кузова и цвет пункта превращается в красный ! что-то подобное случилось с тобой раньше?

Answer 1

Это может быть связано с правилом CSS, что селектор body должен находиться в верхней части других селекторов ....., Но это не Возможно, я положил селектор где угодно, но он работает! Но не беспокойтесь, если он сработает для вас. body селектор на наверх

Answer 2

Порядок важен, потому что CSS, HTML, JS обрабатывается сверху донизу если вы поставите следующий CSS в файле

p { 
color: blue; 
} 
p { 
color: red; 

} 

цвет будет красным, если вам нужно установить что-то постоянно, я означает, что она не будет перезаписана с помощью CSS ниже, а затем использовать ключевое слово важно!

p { 
    color: blue !important; 
}