Bootstrap lista szinezése?
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!
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz1.png)
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;
}
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz1.png)
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.
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz0.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz0.png)
![*](http://static.gyakorikerdesek.hu/p/vsz0.png)
![*](http://static.gyakorikerdesek.hu/p/vsz0.png)
![*](http://static.gyakorikerdesek.hu/p/vsz0.png)
Kapcsolódó kérdések:
Minden jog fenntartva © 2025, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!