html, что это значит? и как её заменить?

94
14 февраля 2021, 08:40

Есть вот такая запись которая применяется ко всей странице,что тут означает запятая?

html,
body {
  height: 100%;
}

Как простыми div заменить ту верхнею запись и применить её только к элементам ниже то есть обернуть их в классы которые будут давать те свойства сверху только определённым элементам,а не всей странице 

<div class="space">
  <div class="space__star space__star--shooting"></div>
</div>
Answer 1

Есть HTML-теги... <html></html>, <body></body>, <div></div> и т.п.

Чтобы в CSS обращаться к ним и менять их стили, пишут просто название тега:

body { background-color: #ffe2aa; }  
div { width: 100px; height: 100px; background-color: orange; }
<!DOCTYPE html> 
<html> 
 
<head></head> 
<body> 
  <div></div> 
</body> 
 
</html>

Если у нескольких элементов должны быть одинаковые стили, их можно перечислять через запятую, чтобы заново не писать одинаковый код.

body, div, p, a { color: red; }

А название класса можно выделить через точку:

.ваш_класс, .другой_класс { у-обоих: те-же-стили; }

Перед точкой можно указывать и название тега. Чтобы только эти теги с этим классом получили стиль, div.класс {...}

div {  
  width: 100px;  
  height: 100px;  
  border: 2px solid orange; 
  margin: 5px;  
} 
 
/* Вообще, принято все стили разбивать на такие блоки - всё на отдельной строчке 
Но главный критерий - чтобы удобно было читать код. Если совсем мелкий кусок,  
зачастую удобнее не занимать лишние строки */ 
 
.space { background-color: #045acf; } 
 
.space__star { border: none; }
<div class="space"> 
  <div class="space__star space__star--shooting"></div> 
</div> 
 
<div></div>

Список CSS - селекторов и их комбинации >>

ПОСЛЕДНИЕ ВОПРОСЫ
Все вопросы
Подробнее о сайте site-vizitka-kiev.org.ua
ТОП-10
READ ALSO
Позиционирование слоёв в CSS
HTML

Позиционирование слоёв в CSS

Прошу помочь, не могу разобраться с позиционированием слоев

 109
Проблема при создании футера сайта HTML CSS
HTML

Проблема при создании футера сайта HTML CSS

Вроде правильно пишу код, по гайду, а футер выглядит не так как надоИ еще не могу номер телефона по центру сделать (на номер внимания не обращайте,...

 105
Вертикальное позиционирование SVG-элемента поверх и под другие элементы
HTML

Вертикальное позиционирование SVG-элемента поверх и под другие элементы

Нужно, чтобы элемент rect1 был расположен под rect2, но rect3 (синий) располагался над rect2 (зелёный) и под rect1 (красный)

 104
Как выполнить деление суммы строки на каждый элемент строки?
c#

Как выполнить деление суммы строки на каждый элемент строки?

 96