Az első és utolsó elem kitételével az összes köztes elem kijelölése CSS-ben?
Egy menüt csinálok, és azt szeretném, hogy az első elem bal, és az utolsó elem jobb margin-ja 0 legyen.
A kód, amit írtam:
ul li a:first-child {
margin-left:0
}
ul li a {
margin:0 15px;
padding:5px;
display:block;
}
ul li a:last-child {
margin-right:0
}
A problémám az, hogy mióta ráírtam a first- és last-child-ot, azóta az összes elemről leszedte a margin-t.
Mit rontok el? Van valami olyan kijelölő a CSS-ben, ami az első és utolsó elem kitételével az összes köztes elemet jelöli ki?
válasza:a las és first mindig arra az elemre vonatkozik amire adod.
Te estedben az <A> tag -re, ami egy menüben mindig csak 1 darab, és az első és utolsó eleme is.
A fentebb linkelt mintában én a <LI> tag -re helyeztem, így a felsorolás első és utolsó elemének <A> tag -jére vonatkozik.
válasza:li { background-color: red; }
li:not(:first-child):not(:last-child) { background-color: blue; }
válasza:#5: ez is kiváló megoldás, ez pont a kérdésben foglalt definíció. :-)
Csak a kérdező gondolat menetében nem tökéletes.
Ugyan is első és utoló elemnek is kell majd margin, de csak egyik oldalra.
Így egyszerűbb később levenni, mint külön-külön definiálgatni.
De persze, ettől függetlenül hasznos 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
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!