[CSS] Problem mit CSS

[maddinel]

Hi,
ich habe auf meiner Seite mit Hilfe einer .css-Dateio ein generelles Style. Das soll aber nicht überall so sein, also hab ich auf der Seite auch noch lokale Styles, die ich bei Bedarf mit <div class="style"> einfüge.Das klaptt theoretisch auch, nur habe ich bemerkt, dass hin und wieder Fehler auftauchen, das heißt, dass der generelle Seiten-Style vereinzelt die anderen Styles überdeckt.

Wenn z.B. im lokelen Style gesagt wird, das die schrift schwarz sein soll, ich aber trotzdem will, dass in manchem Bereichen die Schrift weiß ist und das lokal mit nem Style mache, dann is dort trotzdem hin und wieder eine Schrift schwarz.
Wie kann man das regeln?

[Abraxax]

<style>s direkt in den html-code zu schreiben halt nicht für vorteilhaft.

definiere auch hier im css-file entsprechende klassen ,die du dann in html nur angibst ...

z.b.

// im CSS file
.small {
  font-size: 1px;
}

// im html code
<span class="small">extremst kleiner text</span>

dadurch ist auch gewährleistet, dass die definitionen auf anderen unterseite ebenfalls die gleichen eigenschaften aufweisen. die css-class ist logischerweise wiederverwendbar.

[maddinel]

danke mach ich.
wozu gehört es wenn ich sage

a: hover
{
....
}


zu welcher klasse gehört das?

[Tommy75]

mit a: definierst du links.

a:link { CSS-Eigenschaft:Wert; ... } /* noch nicht besuchte Ziele */
a:visited { CSS-Eigenschaft:Wert; ... } /* besuchte Ziele */
a:hover { CSS-Eigenschaft:Wert; ... } /* Verweise bei "MouseOver" */
a:active { CSS-Eigenschaft:Wert; ... } /* Angeklickte Verweise */
a:focus { CSS-Eigenschaft:Wert; ... } /* Verweise, die Fokus erhalten */


HIER findest du einiges zum Thema css.

[maddinel]

Und ist es auch möglich statt a: b: zu schreiben?

[Abraxax]

nein!

[Heini81]

welchen Sinn soll das haben?

[maddinel]

Ist es möglich diese a: -Sachen für jede Klasse neu festzulegen , oder geht das nur einmal für alles? wie weise ich sie einer Klasse zu?

[Abraxax]

grundlagen!

CSS

a.wasauchimmer {
    color: #ff0;
}

HTML

<a class="wasauchimmer" href="http://www.google.de/">google.de</a>

[maddinel]

ist schon klar, aber z.B. steht hier jetzt a. davor, was bedeutet das?
Außerdem wollte ich wissen, wie ich z.B. das:

a:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: underline;
} 

einem bestimmten CSS-Style , oder Klasse oder wie es heißt, zuordnen kann.

[Tommy75]

Das a. bezieht sich ganz einfach auf einen Link.

a.wasauchimmer heisst dann, dass der Link der class wasauchimmer definiert wird.

dein Beispiel kannst du so lösen :

a.wasauchimmer:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: underline;
} 

EDIT : Mit a:hover werden ALLE links definiert, mit a.wasauchimmer:hover nur die links der class wasauchimmer

[Floriam]

http://css4you.de/wscss/css03.html


Schau dir das mal an und lese es dir auch durch

[maddinel]

Ah, prima danke!