• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

stylizacja list html/css

0 głosów
303 wizyt
pytanie zadane 30 sierpnia 2017 w HTML i CSS przez marcolo Obywatel (1,130 p.)
<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? 

1 odpowiedź

0 głosów
odpowiedź 30 sierpnia 2017 przez sc4rface Mądrala (6,630 p.)
wybrane 30 sierpnia 2017 przez marcolo
 
Najlepsza
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>

 

 

komentarz 30 sierpnia 2017 przez marcolo Obywatel (1,130 p.)
Nie chcę tego całkowicie zlikwidować, po prostu ten kwadracik ma być, np zielony, a tekst czerwony.
komentarz 30 sierpnia 2017 przez sc4rface Mądrala (6,630 p.)
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
komentarz 30 sierpnia 2017 przez marcolo Obywatel (1,130 p.)
:) przepraszam Cię bardzo, nie zwróciłem na to "  content: "■ "; " uwagi

 

Sorki za kłopot

Podobne pytania

0 głosów
1 odpowiedź 135 wizyt
pytanie zadane 9 października 2016 w HTML i CSS przez cuba04 Nowicjusz (120 p.)
0 głosów
1 odpowiedź 67 wizyt
pytanie zadane 27 października 2016 w HTML i CSS przez BiałyWilk Nowicjusz (120 p.)
0 głosów
1 odpowiedź 29 wizyt
Porady nie od parady
Odznacz odpowiedź zieloną fajką, jeśli uważasz, że jest ona najlepsza ze wszystkich i umożliwiła ci rozwiązanie problemu.Najlepsza odpowiedź

64,201 zapytań

110,598 odpowiedzi

231,820 komentarzy

46,959 pasjonatów

Przeglądających: 271
Pasjonatów: 15 Gości: 256

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...