Как прописывать классы у списков ul li?

Question

[Алексей]

Задан список

<ul>
<li>1</li>
<li>2</li>
</ul>

ul, ol {
	width: 450px;
	margin: 30px auto;
}
ul li, ol li { 
	width: 100px;
	float: left;
	margin-left: 50px;

Как эти свойства превратить в класс и как (где в ul или li) его прописывать?
ps
где почитать про это , на элементарном уровне, без тонкостей?

Answer 1

[Fudo Tsukiko]

.block > ul {
  list-style:none;
  widht:200px;
}
.block > ul > li {
  background: cyan;
}

<div class="block">
  <ul>
    <li>Content</li>
  </ul>
</div

я делаю так

Comments

[Алексей]

А как это понять, что обозначают эти записи
.block > ul
.block > ul > li

[Fudo Tsukiko]

Алексей, все что после > это дочерние элементы

Answer 2

[alvvi]

<ul class="list">
<li class="list__item">1</li>
<li class="list__item">2</li>
</ul>

.list {
  width: 450px;
  margin: 30px auto;
}

.list__item { 
  width: 100px;
  float: left;
  margin-left: 50px;
}

Comments

[Алексей]

ul, ol {
Это свойство и ul и ol?

А это что значит ul li, ol li ?
а если просто написал li что это будет значить?