HTML externes CSS einmalig ignorieren

D

devildire

0
Tag zusammen,

ich habe eine html, die ein externes Stylesheet eingebunden hat. Nun tut es auch was es soll. Jetz habe ich jedoch einen Link, bei dem ich das Stylesheet nicht verwenden möchte (d.h. einmaliges ignorieren der CSS datei, danach wieder aktiv). Kennt jemand eine möglichkeit das umzusetzen? Wenn ja, bitte mit Erläuterung, bin noch nicht sehr vertraut mit html...:confused:

Wie wäre es an diesem Beispiel:

Ausschnitt aus der titel.html:

<link rel=stylesheet type="text/css" href="stylesheet.css">
...

<a href="inhalt.html" target="main"> - Home</a> //hier css ignorieren
 
du könntest dem link eine eigene ID geben und dann einfach das styling zurück setzen also:

HTML: 
css:
    a#deineID {
      color: #123123;
      text-decoration: none;
      .
      .
      .
    }
....
...
<a href="blubb.html" id="deineID">Link</a>
 
Alles klar, danke dir!
Funktioniert einwandfrei.
Wie könnte ich denn jetz für diese ID z.B. einen Extra-Effekt für A:hover oder A:visited einrichten? Kann das einfach in die {} Klammer von dieser ID mit rein? Bezweifle ich...
 
devildire hat gesagt.:
Wie könnte ich denn jetz für diese ID z.B. einen Extra-Effekt für A:hover oder A:visited einrichten?
Zum Vergrößern anklicken....

Code: 
a, a:visited, a:active, a:link {color:#000000;}
a:hover {color:#ff0000;}

a#specialID, a#specialID:visited, a#specialID:active, a#specialID:link {color:#000080;}
a#specialID:hover {color:#0000FF;}

a.specialClass, a.specialClass:visited, a.specialClass:active, a.specialClass:link {color:#000080;}
a.specialClass:hover {color:#0000FF;}

Hinweis: IDs sind eindeutig und dürfen im HTML-Dokument somit nur EINMAL auftauchen.
Wenn du mehrere Links von deinem Standard abweichend haben möchtest, dann solltest du mit
HTML: 
<a href="#" class="specialClass">blub</a>
arbeiten, statt mit
HTML: 
<a href="#" id="specialID">blub</a>


und solltest du alle Links einer Liste mit ID "navigation" vom Rest der Links abheben wollen, dann schaut das einfach so aus:
Code: 
a, a:visited, a:active, a:link {color:#000000;}
a:hover {color:#ff0000;}

ul#navigation a, ul#navigation a:visited, ul#navigation a:active, ul#navigation a:link {color:#008000;}
ul#navigation a:hover {color:#00ff00;}

HTML: 
<ul id="navigation">
<li><a href="#">foo</a></li>
<li><a href="#">bar</a></li>
<li><a href="#">blub</a></li>
</ul>



und willst du da jetzt noch den aktuellen Menüpunkt hervor heben:
Code: 
a, a:visited, a:active, a:link {color:#000000;}
a:hover {color:#ff0000;}

ul#navigation a, ul#navigation a:visited, ul#navigation a:active, ul#navigation a:link {color:#008000;}
ul#navigation a:hover {color:#00ff00;}

ul#navigation li.active a, ul#navigation li.active a:visited, ul#navigation li.active a:active, ul#navigation li.active a:link {color:#000080;}
ul#navigation li.active a:hover {color:#0000ff;}

HTML: 
<ul id="navigation">
<li class="active"><a href="#">foo</a></li>
<li><a href="#">bar</a></li>
<li><a href="#">blub</a></li>
</ul>
 
Ok danke für die Tipps! Habs jetz doch über ID gemacht, verwendede den Link zum CSS in verschiedenen html's, da brauch ich wohl kein class...aber werd ich sicher noch brauchen, danke!
 
devildire hat gesagt.:
Habs jetz doch über ID gemacht, verwendede den Link zum CSS in verschiedenen html's, da brauch ich wohl kein class...
Zum Vergrößern anklicken....
ähm... da versteh ich deine Gedankensprünge jetzt nicht... das eine hat mit dem anderen nix zu tun.

Die Verwendung von id="" oder class="" hat überhaupt nichts damit zu tun, in wie vielen Seiten du die CSS verwendest oder so...


nochmal ein Beispiel, zur Verdeutlichung:

wenn du ein einziges Element hast, welches eindeutig über eine ID identifiziert werden können soll, dann benutzt du id="idName" und im css dann #idName

anderenfalls bist du besser dran, du verwendest class="className" und im css dann .className


wenn du CSS-Code schreibst, der für ein oder mehrere spezielle Elemente verwendet werden soll - z.B. Links im Footer - AGBs, Impressum und so - , dann möchtest du ja evtl. auch mal mehr als ein Element auf der Seite so aussehen lassen und dann ist folgendes VERBOTEN:
HTML: 
<a href="impressum.html" id="footerlink">Impressum</a> | <a href="agb.html" id="footerlink">AGBs</a> | <a href="datenschutz.html" id="footerlink">Datenschutz</a>
( also liebe Kinder, nicht zu Hause nachmachen! ;) )


hier gibst du mehreren HTML-Elementen, einfach weil sie gleich aussehen sollen, die gleiche ID und das darf nicht sein, da eine ID der Identifikation genau eines HTML-Elementes dienen soll - da sollte man dann lieber CSS-Klassen nutzen:
HTML: 
<a href="impressum.html" class="footerlink">Impressum</a> | <a href="agb.html" class="footerlink">AGBs</a> | <a href="datenschutz.html" class="footerlink">Datenschutz</a>

und dann wird eben in der CSS-Datei keine Raute, sondern ein Punkt vor "footerlink" gesetzt.


Die ID wird z.B. auch dafür benötigt, wenn du über JavaScript zur Laufzeit irgendwelche HTML-Elemente einfügen, bearbeiten, auslesen oder um-positionieren möchtest.
Wenn du die ID rein zum Zwecke des Stylings verwendest, kann dir das später mal Probleme bereiten - es geht so schnell, dass du dann versehentlich eine ID nochmal vergibst, weil etwas einfach gleich aussehen soll und dann funktioniert plötzlich ein JavaScript, welches ein bestimmtes HTML-Element manipulieren soll, nicht mehr so, wie es soll...

oder du nutzt irgendwelche JavaScripts, welche irgendwelchen HTML-Code erzeugen und die haben dort drin fest codiert schon in irgend 'nem Element 'ne ID drin, die du bei dir auch verwendest und plötzlich setzt du für Elemente dieses Scripts irgendwelche Styles, die gar nichts damit zu tun haben...
 
Ja denke das hab ich verstanden. Aber dein Beispiel spielt sich doch ein einem einzigen html ab, oder? Ich habe 2 html's, die beide auf die gleiche ID im css verweisen, das scheint zu gehen. Class brauch ich doch nur, wenn ich 2 Links im selben html hab, die auf die Ausnahme im CSS verweisen sollen...?
 
Ach so meintest du das.

Ja, das funktioniert schon.
Aber wie gesagt: gewöhn dir nicht zu sehr an, alles mit IDs zu versehen - bei größeren Projekten verlierst du schnell den Überblick und bekommst schneller mal versehentlich 2 gleiche IDs in eine HTML-Seite, als dir lieb ist.

IDs solltest du nach Möglichkeit nur da verwenden, wo sie wirklich benötigt werden.

Gerade wenn du z.B. dann irgendwelche Seiten dynamisch generierst mit PHP, Ruby oder mit was auch immer... wenn du dort dann vielleicht noch mit einem Template-System arbeitest und nur kleine HTML-Schnipsel baust, dann merkst du dir nicht mehr, wo eine bestimmte ID vielleicht schon einmal vor kam und ob die unter Umständen durch die dynamische Generierung mehrmals in einem generiertem HTML-Dokument vorkommen könnte...
 
Jawohl, danke für den Rat! Denke ich komm jetz klar. Und bis ich in die Welt von Dynamik & Co eintauche is wohl eh noch weit hin....:p
 
devildire hat gesagt.:
Und bis ich in die Welt von Dynamik & Co eintauche is wohl eh noch weit hin....:p
Zum Vergrößern anklicken....

Dann noch viel Erfolg auf diesem Weg ;)

und noch ein Lese-Tipp:
für viele Dinge hilft SelfHTML - da solltest du dich echt intensiv durcharbeiten! (damit hab ich mir vor nunmehr über 10 Jahren auch HTML beigebracht und die Inhalte werden auch ständig an aktuelle Neuerungen angepasst - also eigentlich wirklich DAS Nachschlagewerk für HTML...)
 
Um antworten zu können musst du eingeloggt sein.
Zurück
Oben