Láma dolog, nem értek hozzá.
---------------------
Az oldal szerkezete:
[div class='fodiv']
[div class='aldiv']
mindenféle
tartalom
[/div]
[div class='aldiv']
mindenféle
egyéb
tartalom
[/div]
[/div (fodiv)]
---------------------
A css kb. így néz ki:
#fodiv a {
background: url(....)
}
---------------------
A kérdés: az 'aldiv'-et hogyan kell a css-ben definiálni, hogy megjelenítéskor _ne_ örökölje meg a '#fodiv a' -ban definiált link tulajdonságokat (pl. a background)?
- 1713 megtekintés
Hozzászólások
Szerintem egyszerűen definiálj új link tulajdonságokat, és ennyi.
Ha mégsem, akkor tévedtem... :)
Szerk.: nem akarok okoskodni, de én úgy szoktam, hogy ha layoutra (header, menü, content, stb) használok a css-t akkor div id egyedi azonosítót használom, míg a stílusokat div class-szal formázom.
- A hozzászóláshoz be kell jelentkezni
Sajnos ennyire nem egyszerű. Hiába adok meg pl. új background-ot, a 'szülőé' jelenik meg továbbra is.
- A hozzászóláshoz be kell jelentkezni
Szerintem a background nem öröklődik, legalábbis tapasztalatból, meg most a w3c oldaláról ezt látom.
Biztosan örökli azt?
Ha igen, mit szól a te plusz bg utasításodhoz, nem lehet, hogy elírtad?(firebug)
Pill, lehet összekeverem.
- A hozzászóláshoz be kell jelentkezni
Jaja, én is így tudom.
Esetleg egy body-ban, vagy html-ben (magasabb szinten) definiált background kavarhat be.
Egyébként, ha nagyon nem megy ott van a span elem.
- A hozzászóláshoz be kell jelentkezni
a .fodiv a {} a fodiven belüli összes a-ra vonatkozik, esetleg próbáld meg a .fodiv .aldiv a {background: transparent;} sort.
szerk: # és . ,én is összekevertem.
- A hozzászóláshoz be kell jelentkezni
+1
- A hozzászóláshoz be kell jelentkezni
.fodivés
.aldiv, vagy
classhelyett
id(persze akkor kell
aldiv2is)?
:)
- A hozzászóláshoz be kell jelentkezni
Hopp!
Asszem megvan.
Nem mindegy, hogy
#fodiv a {
backgound valami...
}
vagy
#fodiv {
background valami...
}
Szóval itt bevontad az a tag-et is és ezzel teljesen más lett a jelentése.
Ezt akartad valóban, vagy csak elgépelted?
- A hozzászóláshoz be kell jelentkezni
> Szóval itt bevontad az a tag-et is és ezzel teljesen más lett a jelentése.
> Ezt akartad valóban, vagy csak elgépelted?
Egy már létező css-t kell tovább hekkelni és ilyen módon vannak benne gomb formájú linkek definiálva.
- A hozzászóláshoz be kell jelentkezni
Szerintem meg kezdjük ott, hogy a '#fodiv a' szelektornak semmilyen hatása nincs a topicnyitó által beírt html kódra. Szóval azt állítasz be háttérnek amit akarsz, az ilyen feltételek mellett nem fog látszódni az oldalon.
- A hozzászóláshoz be kell jelentkezni
Lehet, hogy félreértelek, de ha a '#fodiv a' selectorban kikommentezem a background sort, akkor a refresh után a háttér már nem jelenik meg az adott div-ben lévő linkeken.
- A hozzászóláshoz be kell jelentkezni
Azt mondja, hogy a
#valamiaz
id="valami"-re vonatkozik, míg a
.valamia
class="valami"-re vonatkozik, azaz vagy téves adatokat adtál meg a nyitó hozzászólásban, vagy pedig keveset.
:)
- A hozzászóláshoz be kell jelentkezni
Ez esetben a topicban lévő kód és az a kód amin te dolgozol nem egyezik.. :) Olvasd el mégegyszer a kódot amit bevágtál és a hozzátartozó szelektort. Ajánlom a figyelmedbe ezt az irományt. Ha figyelmesen végigolvasod akkor utána szerintem nem lesz gond. A CSS nem egy bonyolult "nyelv", hamar el lehet sajátítani, viszont a kompatibilitással lesznek gondjaid. Javaslom még a doctype-ok használatát, illetve egy Firebug mielőbbi beszerzését.
- A hozzászóláshoz be kell jelentkezni
Eccerű, ne szabd meg a .fodiv a-ban!
A .fodiv a {}-ban általános érvényű formázást szokás megadni ami MINDEN a-ra ami a fődivben van érvényes lesz, pl. font-size, color.
Ha specifikus a-t szeretnél a menunek akkor érdemes csakis azt a menu a-ra vonatokozóan meghatározni.
pl. [a class="button"] 1 [/a] html-hez tartozó css .button {background:url()}
nincs esetleg a .fodiv a-ban az !important tag benne?
- A hozzászóláshoz be kell jelentkezni
Köszi mindenkinek, este ránézek.
- A hozzászóláshoz be kell jelentkezni
A fenti kódban a fődiv osztály a css-ben pedig id-re hivatkozol.
#fodiv a {
background: url(....)
}
helyett
.fodiv a {
background: url(....)
}
- A hozzászóláshoz be kell jelentkezni
.fodiv > a { background: ... }
igy a ".fodiv .aldiv a" nem fogja orokolni a tulajdonsagokat
- A hozzászóláshoz be kell jelentkezni