перед элементом "body" мы не ставим точку, а перед элементом "Container"
уже ставим, почему это так?
Вопрос Когда мы должны ставить точку, а когда нет перед элементами в style.css?
- Автор темы oleg178rus
- Дата начала
перед элементом "body" мы не ставим точку, а перед элементом "Container"
уже ставим, почему это так?
точка - класс
без нее - все такие элементы
без нее - все такие элементы
В CSS селекторы используются для определения стиля для HTML-элементов. Разница между селекторами с точкой и без точки заключается в следующем:
Селекторы элементов:
Когда вы пишете body (без точки), это означает, что вы применяете стили к элементу HTML <body>. Такие селекторы называются селекторами элементов, и они применяются ко всем элементам указанного типа на странице.
Пример: body { font-family: Roboto, sans-serif; background-color: white; } применяет указанные стили ко всему элементу <body> на странице.
Селекторы классов:
Когда вы пишете .container (с точкой), это означает, что вы применяете стили ко всем элементам, у которых есть атрибут class со значением "container". Такие селекторы называются селекторами классов.
Пример: .container { max-width: 750px; margin: auto; padding-top: 30px; } применяет указанные стили ко всем элементам, у которых class="container".
Итак, точка перед селектором указывает, что это класс, а отсутствие точки означает, что это селектор элемента.
Селекторы элементов:
Когда вы пишете body (без точки), это означает, что вы применяете стили к элементу HTML <body>. Такие селекторы называются селекторами элементов, и они применяются ко всем элементам указанного типа на странице.
Пример: body { font-family: Roboto, sans-serif; background-color: white; } применяет указанные стили ко всему элементу <body> на странице.
Селекторы классов:
Когда вы пишете .container (с точкой), это означает, что вы применяете стили ко всем элементам, у которых есть атрибут class со значением "container". Такие селекторы называются селекторами классов.
Пример: .container { max-width: 750px; margin: auto; padding-top: 30px; } применяет указанные стили ко всем элементам, у которых class="container".
Итак, точка перед селектором указывает, что это класс, а отсутствие точки означает, что это селектор элемента.
Да. Перед body точка не ставится, а перед .container ставится.
body - это тег HTML, обозначающий тело документа. В CSS мы стилизуем теги напрямую, без каких-либо символов перед ними.
.container - это класс, который ты (или разработчик фреймворка, которым пользуешься) назначили элементу HTML. Классы в CSS обозначаются точкой перед их именем (например, .container, .header, .my-button).
body - это тег HTML, обозначающий тело документа. В CSS мы стилизуем теги напрямую, без каких-либо символов перед ними.
.container - это класс, который ты (или разработчик фреймворка, которым пользуешься) назначили элементу HTML. Классы в CSS обозначаются точкой перед их именем (например, .container, .header, .my-button).