• 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
275 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ź 132 wizyt
pytanie zadane 9 października 2016 w HTML i CSS przez cuba04 Nowicjusz (120 p.)
0 głosów
1 odpowiedź 66 wizyt
pytanie zadane 27 października 2016 w HTML i CSS przez BiałyWilk Nowicjusz (120 p.)
0 głosów
1 odpowiedź 25 wizyt
Porady nie od parady
Możesz ukryć, zamknąć lub zmodyfikować swoje pytanie, za pomocą przycisków znajdujących się pod nim. Nie krępuj się poprawić pochopnie opublikowanego pytania czy zamknąć go po uzyskaniu satysfakcjonującej odpowiedzi. Umożliwi to zachowanie porządku na forum.Przyciski pytania

62,242 zapytań

108,354 odpowiedzi

226,165 komentarzy

34,616 pasjonatów

Przeglądających: 168
Pasjonatów: 25 Gości: 143

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.

...