Kezdőoldal » Számítástechnika » Weblapkészítés » Bootstrap lista szinezése?

Bootstrap lista szinezése?

Figyelt kérdés

Hello!


Az lenne a kérdésem,hogy hogyan tudom szinezni csak a lista első elemét bootstrapben? Már feltúrtam a netet, de csak navbar vonatkozólag találtam, ami nekem jó viszont átfaragni sem tudtam.


<ul class="list-group">


<li2 class="list-group-item active">ENNEK LEGYEN HATTERSZINE</li2>

<li class="list-group-item">simafeher</li>

<li class="list-group-item">simafeher</li>


</ul>


Eddig úgy próbáltam,hogy máshogy deklarálom a li elemet a cssben, ugye li2-nek de úgy sem működik. Most ez az aktiv elem van bent, ami alapjáraton kék színű és ezt szeretném lecserélni.


Ha valaki esetleg tudna segíteni azt nagyon megköszönném!



2018. dec. 20. 16:07
 1/6 anonim ***** válasza:

Nincs olyan tag a HTML-ben, hogy li2.


Simán li-ként használd!


CSS-ben pedig (jelen esetben a menu-navigation az ul tag ID-je!)


#menu-navigation>li:first-child{

background-color: SZINKOD;

}

2018. dec. 20. 17:05
Hasznos számodra ez a válasz?
 2/6 A kérdező kommentje:
köszi a választ! de sajnos nem működik, talán azért mert más az ID-je az ul-nek, amit sajnos nem értek,hogyan deríthetem ki :/ bosszantó
2018. dec. 20. 17:19
 3/6 anonim ***** válasza:

A fenti HTML kód alapján nincs ID-je.


<ul class="list-group" id="menu-navigation">


Ha így módosítod, működnie kell azzal a CSS-el amit fentebb írtam.

2018. dec. 20. 18:15
Hasznos számodra ez a válasz?
 4/6 anonim ***** válasza:
Ne bosszankodj..használd a böngésző elemvizsgálóját és mindent kideríthetsz.. 😉
2018. dec. 20. 18:30
Hasznos számodra ez a válasz?
 5/6 A kérdező kommentje:
ehhhe, meg is volna! köszönöm szépen a segítséget! kellemes ünnepeket! :DD
2018. dec. 20. 19:10
 6/6 anonim ***** válasza:
Esetleg megpróbálhatod elemek színezésére a :nth-child(odd) és even-t. Nem próbáltam li-re, de hátha megy.
2018. dec. 22. 22:05
Hasznos számodra ez a válasz?

Kapcsolódó kérdések:





Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!