Anfänger-Frage zu CSS Stylesheet

[hobbyweb]

Hallo,

ich habe bei meinem Stylesheet für Links folgendes angegeben:

a {
background-color:transparent;
color: #000000;
font-size: 12px;
font-weight:bold;
text-decoration: none;
}

So soll das Menü aussehen. Links die IM Text sind will ich aber anders aussehen lassen. Wie muss ich das jetzt machen? Habe gerade erst mit CSS angefangen, ist wahrscheinlich total simpel aber ich hab noch kaum Ahnung davon.

Gruß
hobbyweb

[derHund]

gib irgendeinem übergeordneten element eine id/class (zum beispiel, wenn das menu per liste realisiert ist, der <ul>), dann kannst du über

Code: Alles auswählen

#die_id a {
}

bzw.

Code: Alles auswählen

.die_class a {
}

nur diese links gezielt ansprechen.

[hobbyweb]

Hm danke erstmal, aber steht das irgendwo genauer erklärt?

Kann das nicht ganz nachvollziehen als Anfänger...

[derHund]

https://de.selfhtml.org/css/formate/zen ... e_elemente

[hobbyweb]

https://de.selfhtml.org/css/formate/zen ... e_elemente

Danke!

[robo]

Oder definiere für a selbst verschiedene Klassen, z. B.:

a.menue { ... }
a.schlagmichtot { ... }

<a class="menue" href="...">...</a>

<a class="schlagmichtot" href="...">...</a>

cu, Robo

[derHund]

das ist nicht sinnvoll. man müßte dann für jeden verweis die klasse angeben - dann doch lieber einmal im übergeordneten element.

[sauerland]

Hallo hobbyweb,

Grundsätzlich vereinfachst du dir den Projektaufbau mit StyleSheets, das trägt auch zur besseren Übersicht bei...

Meine Empfehlung ist: Um die einzelnen Bereiche deiner Seite (oben, mitte, unten) legst du div-container an.

Du kannst mit diesen Containern leicht das Layout deiner Seite steuern, dazu legst du noch das grundsätzliche Aussehen deiner Links und noch verschiedene Klassen für das abweichende Erscheinungsbild deiner Links fest, so kannst du mit wenig Quelltext und einer evtl. ausgelagerten css-datei schon eine Menge steuern, und das gleichzeitig auf allen Seiten eines Projektes.


Hier noch ein paar Links zum reinlesen:
https://www.w3schools.com/css/default.asp
https://css-style.de/
https://www.xhtmlforum.de/