Как оформить список?

303
10 апреля 2022, 14:10

Всем привет!есть три списка с классом .list, нужно в первом и втором отрисовать красные картинки с крестиком у пункта,подскажите как оформить лучше?какие селекторы комбинировать?

Answer 1

.zero{width:15%;background:white;box-shadow:4px 3px 3px #666666;} 
.two::before{content: "✔";padding-right: 4px;color:#739bff;border: 1px solid #739bff;border-radius: 20px;height: 4px;padding-left: 4px;padding-top: 4px;vertical-align: middle;margin-right: 5px;padding-bottom: 1px;padding-top: 3px;} 
.three::before{content:"✔";color:#739bff;padding-right: 4px;border: 1px solid #739bff;border-radius: 20px;height: 4px;padding-left: 4px;padding-top: 3px;vertical-align: middle;margin-right: 5px;padding-bottom: 1px;} 
.four::before{content:"✖";padding-right: 4px;border: 1px solid #f8558c;border-radius: 20px;height: 4px;padding-left: 4px;padding-top: 3px;vertical-align: middle;margin-right: 5px;padding-bottom: 1px;color:#f8558c;} 
.five::before{content:"✖";padding-right: 4px;border: 1px solid #f8558c;border-radius: 20px;height: 4px;padding-left: 4px;padding-top: 3px;vertical-align: middle;margin-right: 5px;padding-bottom: 1px;color:#f8558c;} 
 
 
 
.two, .three, .four, .five{padding-bottom:10px;}
<div class="zero"> 
<div class="two">Lorem</div> 
<div class="three">Lorem</div> 
<div class="four">Lorem</div> 
<div class="five">Lorem</div> 
</div>

READ ALSO
Отображение svg на iPhone

Отображение svg на iPhone

На iPhone слайдер отображается не корректно, на всех остальных платформах такой проблемы нетПробовал заходить с разных браузеров и чистить...

143
Как переносить название классов HTML в CSS?

Как переносить название классов HTML в CSS?

Я хочу сделать так, чтобы мне не приходилось каждый раз копировать название классов HTML, чтобы вставить в CSS, для прописывания им стилей! Как...

132
WaitForMultipleObjects для linux

WaitForMultipleObjects для linux

Как устроен мьютекс внутри( например pthread_mutex_t)? В частности интересует что происходит при вызове pthread_mutex_lock, при условии, что эта функция уже...

229
Функция glfwCreateWindow из библиотеки GLFW возвращает null

Функция glfwCreateWindow из библиотеки GLFW возвращает null

При попытке поместить результат этой функции в указатель, в него помещается NULL

117