stylizacja list html/css

Question

<ul class="lista">
		<li>O nas</li>
		<li>Cennik</li>
</ul>

.lista
{
	list-style: square;
	color: #ee3a43;
}

Chciałbym zrobić aby ten square miał inny kolor niż tekst, wiem, że tekst mogę sobie zabrać w innego diva, i nadać mu inny kolor, ale czy mogę bez robienia kolejnych divów zmienić bez zmiany koloru tekstu kolor square? 

Answer 1

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

li {
  padding-left: 1em; 
  text-indent: -.7em;
}

li::before {
  content: "■ ";
  color: red; /* kolor */
}

<ul>
        <li>O nas</li>
        <li>Cennik</li>
</ul>

 

 

Comments

Nie chcę tego całkowicie zlikwidować, po prostu ten kwadracik ma być, np zielony, a tekst czerwony.

---

No to właśnie podałem Ci dokładny kod na to - spojrzałeś w ogóle?

https://jsfiddle.net/657zqget/ - według mnie wszystko gra

---

:) przepraszam Cię bardzo, nie zwróciłem na to "  content: "■ "; " uwagi

 

Sorki za kłopot