Как отменить свойство text-decoration, у элемента before, если оно применяется только к li?

Question

[Dryzhkov]

<ul class="listone">
		<li>Put on this page information about your product</li>
		<li>A detailed description of your product</li>
		<li>Tell us about the advantages and merits</li>
		<li>Associate the page with the payment system</li>
	</ul>

HTML

CSS

.listone{
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #273d46;
	line-height: 36px;
	font-size: 20px;
	line-height: 36px;
}

.listone li:nth-child(1){text-decoration: line-through;}
.listone li:nth-child(2){font-weight: bold;}
.listone li:nth-child(3){font-style: italic;}
.listone li:nth-child(4){text-transform: uppercase;}

.listone li:before{
	display: inline-block;
	content: "✔";
	width: 25px;
	height: 19px;
	color:#80b7b3;
	padding: 0 10px 0 0;
}

Первый li убрать получилось свойством display, но с остальными не работает

Answer 1

[Lord_Dantes]

Протестил ваш код в кодпене, у ::before нету text-decoration

Comments

[Dryzhkov]

.listone li:nth-child(3){font-style: italic;}
через это, на before воздействует свойство italic

[Lord_Dantes]

Dryzhkov,

.listone li:before{
  display: inline-block;
  content: "✔";
  width: 25px;
  height: 19px;
  color:#80b7b3;
  padding: 0 10px 0 0;
  font-weight: 100;
  font-style: normal;
}

[Lord_Dantes]

Dryzhkov, ну так это разные свойства. Там стоит font-style и font-weight

[Dryzhkov]

ага, понял. Спасибо