28. 05. 2007, 23:25
Neuer Benutzer
neuer user
Thread-Ersteller
Registriert seit: 27. 2007
Beiträge: 11
ID mit Doppelpunkt in CSS ansprechen
Hi zusammen,
ich habe eine table mit id="content:data_table". Diese möchte ich nun in meinem CSS File ansprechen. #content:data_table {... }
scheint nicht zu klappen. Hat jemand eine Idee, wie das gehen könnte? Gruß
Mike
28. 2007, 23:35
Erfahrener Benutzer
XHTMLforum-Kenner
Registriert seit: 18. 09. 2005
Ort: Berlin
Beiträge: 9. 854
Du darfst für die Bezeichnungen von IDs und Klassen nur Binde- und Unterstrich verwenden. Den Doppelpunkt gibt es nur im Stylesheet selbst, und dort ist er den Pseudoklassen (:hover etc. ) vorbehalten, so wie der Punkt den Klassen und die Raute den IDs. 29. 2007, 11:30
Registriert seit: 25. 03. 2004
Beiträge: 1. 843
Nee, der Doppelpunkt ist ein gültiges Zeichen für IDs in HTML (siehe Basic HTML data types). Da es in CSS ein Sonderzeichen ist, muss es dort escapt werden:
Code:
#content\:data_table {... }
Leider unterstützen das nicht alle Browser richtig (*hust*IE6*hust*).
Sowas funktioniert doch ohne Probleme.
Id In Css Ansprechen Google
Soll das CSS ohne neuladen der Seite geändert werden oder wenn Du die Seite neu lädst? #7
Mit dem von dir genannten passiert leider nichts. Code:
#navigation li
{
color: red;}
damit ist zumindest schonmal die gesamte Liste Rot. Allerdings will ich ja nur "li id="current"" ansprechen. Das ist Php generierter Code, darum kann ich das nicht einfach alles einzeln machen und ich muss irgendwie das "current" ansprechen, denn das "active_item1" ändert sich ja je nach Ausgabe und kann auch z. b. "active_item2, 3, 4.... " sein
Zuletzt bearbeitet: 13. Juli 2008
#8
Ok, ich habe die Lösung gerade gefunden, dass hat mir gefehlt:
Also die ID darf nur für 1 Element pro Seite verwendet werden. Class kann ich ja sooft ich will benutzen. Darum hab ich jetzt die möglichkeit, mit "#current" das jeweils generierte Element anzusprechen. Trotzdem Danke für die Hilfe. #9
Das mit der ID ist korrekt, aber eben auch die Variante mit der Klasse. Die Klasse kannst Du halt beliebig einsetzen und das Beispiel funktioniert auch, wie beschrieben.
Id In Css Ansprechen Video
Mit Klassen und ID Selektoren können Sie die Stylesheets spezifischer Einsätzen und gleichen Elementen ein verschiedenes Aussehen geben. Klassenselektor Der Klassenselektor kann fast uneingeschränkt genutzt werden, dafür müssen Sie dem HTML Element mit dem Attribut class einen Wert geben. Dieser Selektor kann und darf für wiederholende Designelemente verwendet werden. < p class = "absatz" > Ich bin ein Absatz < / p > Mit CSS können Sie alle Elemente mit der Klasse absatz gestalten, dafür setzen Sie einen Punkt in die CSS Datei und dahinter den Wert von class.. absatz { font - size: 1em; font - weight: bold;} Das Problem an dem CSS Code ist, dass er alle Elemente mit Klasse absatz anspricht. Bei nur einem HTML Tag ist das egal, aber bei mehreren kann es zu Verwechslungen kommen, wenn ein anderes Element, wie < h1>, auch class="absatz" hat, darum kann man den Typselektor mit dem Klassenselektor verwenden. p. absatz { font - size: 1em; font - weight: bold;} Jetzt wird nur das Element
mit dem Attribut class und dem Wert absatz angesprochen.
Id In Css Ansprechen Download
Mein Vorschlag wäre folgender: Da Klassen eine größere Flexibilität erlauben, benutzen Sie diese so oft wie möglich, mit der einen Ausnahme, wenn Sie Javascripts getElementByID-Funktion verwenden möchten, in dem Fall benötigen Sie IDs. Klassen- und ID-Namen werden je nach Groß/Kleinschreibung unterschieden. Zum Beispiel sind. klasseeins und. KlasseEins unterschiedliche Klassen. Folgende Seite: CSS Div and CSS Span
Copyright © 2022 Alle Rechte vorbehalten
#1
Hey,
Ich habe ein Problem in Javascript. Und zwar: Ich möchte mehrere ID's in einmal ansprechen z. B. <>
<>
var hoehe = 50;
= hoehe;
= hoehe;...... Genau so möchte ich es, nur dass ich z. B. diese vier Divs in eine var packe, und ich diese ID's dann in einmal ansprechen kann. Ich hoffe ihr konntet etwas verstehen und mir weiterhelfen. Freddy
#2
eine class geben und diese ansprechen? #3
Oder $('#eins, zwei, #drei'). #4
An den dachte ich auch schon, aber ich habe es nicht geschafft. Wie schaffe ich es denn eine Class anzusprechen? #5
Das $-Zeichen schaut nach jQuerry aus, oder täusche ich mich? Könntest du mir erklären was dein Code oben denn macht, und was ich noch schreiben muss dass etwas passiert? #6
Ja das ist jQuery, schon mal damit etwas gemacht oder eher nicht? Muss es zwangsweise normales JS sein? Der Code von @Tronjer selektiert einfach alle Elemente mit den entsprechenden IDs - darauf kannst du dann entsprechende jQuery Funktionen etc. anwenden.
Weihnachtslied
Vom Himmel in die tiefsten Klüfte Ein milder Stern herniederlacht; Vom Tannenwalde steigen Düfte Und hauchen durch die Winterlüfte, Und kerzenhelle wird die Nacht. Mir ist das Herz so froh erschrocken, Das ist die liebe Weihnachtszeit! Ich höre fernher Kirchenglocken Mich lieblich heimatlich verlocken In märchenstille Herrlichkeit. Ein frommer Zauber hält mich wieder, Anbetend, staunend muß ich stehn; Es sinkt auf meine Augenlider Ein goldner Kindertraum hernieder, Ich fühl′s, ein Wunder ist geschehn. (* 14. 09. 1817, † 04. 07. 1888)
Bewertung: 5 /5 bei 5 Stimmen
Kommentare
Weihnachtslied Vom Himmel In Die Tiefsten Klüfte Ein Milder Stern He...
Vom Himmel in die tiefsten Klfte Ein milder Stern herniederlacht; Vom Tannenwalde steigen Dfte Und hauchen durch die Winterlfte, Und kerzenhelle wird die Nacht. Mir ist das Herz so froh erschrocken, Das ist die liebe Weihnachtszeit! Ich hre fernher Kirchenglocken Mich lieblich heimatlich verlocken In mrchenstille Herrlichkeit. Ein frommer Zauber hlt mich wieder, Anbetend, staunend mu ich stehn; Es sinkt auf meine Augenlider Ein goldner Kindertraum hernieder, Ich fhl's, ein Wunder ist geschehn.
Vom Himmel bis in die tiefsten Klüfte
ein milder Stern herniederlacht;
vom Tannenwalde steigen Düfte
und kerzenhelle wird die Nacht. Mir ist das Herz so froh erschrocken,
das ist die liebe Weihnachtszeit! Ich höre fernher Kirchenglocken,
in märchenstiller Herrlichkeit. Ein frommer Zauber hält mich nieder,
anbetend, staunend muß ich stehn,
es sinkt auf meine Augenlider,
ich fühl's, ein Wunder ist geschehn. (Theodor Storm)
Tipp: Noch auf der Suche nach einem passenden Weihnachtsgeschenk? Das Buch "Theodor Storms Weihnachten" enthält viele Gedichte, Erzählungen und zeitgenössischen Dokumente des deutschen Schriftstellers und kann via Amazon bestellt werden.