CSS/Selektoren
Ich muss eingestehen, dass ich jahrelang überhaupt keine Zeit hatte, mich mich eingehender mit CCS2 geschweige 3 zu beschäftigen. Das hole ich nun alles nach.
Die Attributbezeichner/-namen sind:
Universalselektoren: *, Elementselektoren: element, Klassenselektoren: .class und ID-Selektoren: #id
Damit bestimmte Elemente innerhalb von wiederum Elementen angesprochen werden können, gibt es Selektoren.
Aber hier geht es um :
Attributbedingte Formate
| Attributpräsenz: | [a] |
| Attributwert: | [a=v], [a~=v], [a|=v] |
| Teilübereinstimmung: | [a^=v], [a$=v], [a*=v] |
In dieser Zeile benutze ich einen völlig frei gewählten Atrr.-Namen:
„attributa“ ohne einen Wert (Attributpräsenz).
Der Selektor wird nicht auf den ganzen Absatz angewendet,
sondern bezieht sich nur auf das span-Element.
| 28 |
[attributa] { color: DarkGreen; font-style: italic; }
|
| 67 68 69 70 71 72 |
<p>
|
Der Selektor [typ=Beispiel] gilt für den gesamten Absatz. Ok, eine Zeile. Ein Absatz ist es dennoch.
| 29 |
[typ=Beispiel] { color: Teal; }
|
| 79 80 81 |
<p typ="Beispiel">
|
Mit <p typ="Beispiel"> stellt sich mir die Frage, wie überflüssig das ist. Es bringt nichts Neues gegenüber #id oder .class. Selbst in Tabellen oder Listen kann ich keinen echten Gewinn erkennen. Die Möglichkeit besteht halt!
Na vielleicht doch: Um Anker in Seiten besser sichtbar zu gestalten. Gut, a-tags kommen eh schon mit definierten Eigenschaften daher und erscheinen wie ein Link. Ohne das href-Attribut sind es nicht, also könnte man sie anders markieren. ... Von irgendwoher kommt man sicherlich auch zu mir, was ich hoffe! Natürlich nur, wenn das Attribut auch einen Namen erhält, Brauch mer hier nicht! ...
| 30 |
#contained a[name]:after { font-size: 80%; vertical-align: text-top; content: '(a)' }
|
| 80 81 82 |
...
|
Und wenn mir irgendwann noch etwas sinnvolles unterkommt, schreibe ich das hier!
Da kommt mir die Frage zurecht: Was sind Elemente? Ein Element ist ein Vektor im Elementenraum. So das wars.
Für alle die schon mal gehört haben, dass ein Vektor ein Element im Vektorraum ist. Ich hoffe das passt.