Всем привет, у меня часто случаются проблемы со стилями, они перекрывают друг друга, хочу узнать про приоритетность стилей.
Всем привет, у меня часто случаются проблемы со стилями, они перекрывают друг друга, хочу узнать про приоритетность стилей.
Привет, сейчас всё структурно опишу.
Самые приоритетные, это inline стили, которые расположены прямо в блоке для которого прописываешь стили, с помощью атрибута style,
<div class="somestyle" style="color: green">
Some text
далее идут глобальные стили, те которые ты прописываешь в тегах style в теге head
.somestyle {
color: red;
}
после них идут подключенные в том же head, стили которые созданы отдельным файлом
.somestyle {
color: black;
}
По приоритетности стилей которые подключены ссылкой:
<link rel="stylesheet" href="styles2.css">
Самый большой приоритет у стилей которые подключены по id, так как id уникален, к ним мы обращаемся с помощью знака решетки - #
<div id="myblock" >
Some text
#myblock {
color: orange;
}
Далее идут стили которые мы задаем с помощью класса, к ним мы обращаемся с помощью точки
.somestyle {
color: black;
}
Самые низкие по приоритету, насколько помнится, это стили которые задаются по тегу
div {
color: white;
}
Это собственно всё, как видишь, тут нет ничего сложного)