|
|||
:first-of-type
Hallo,
Ich möchte jedes DIV, das direkt auf einen Absatz folgt, selektieren. Mit diesem Selektor p + div:first-of-type { ... } klappt es aber nicht, da er nur das erste DIV innerhalb eines gemeinsamen Eltern-Elements selektiert. Gibt es eine Möglichkeit, mit CSS die mit einer "1" markierten Boxen anzusprechen, ohne ihnen im markup Klassennamen zuordnen zu müssen? testdatei Grüße Gaby |
Sponsored Links |
|
|||
:first-child wäre richtig, wenn dein Div kein Div wäre.
Innerhalb eines P-Elementes dürfen nur Elemente der Gruppe Phrasing vorkommen. Div gehört nicht dazu. siehe dazu p – paragraph - HTML5
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..." Aus einem Forum. |
|
|||
Dann hast du natürlich recht.
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..." Aus einem Forum. |
|
|||
Zitat:
Da habe ich wiedermal zu kompliziert gedacht. Naja, heute habe ich eine prima Ausrede: Es ist sooooo heiß! Grüße gaby |
|
|||
Zitat:
Div DIVs sind bei mir nur Geschwister von P, nicht Kinder. Grüße gaby |
|
|||
Zitat:
IMO sollte der Selektor auch ohne angehängten Klassennamen funktionieren (in der Ursprungsversion haben diese DIVs im markup keinen Klassennamen) Es tut sich aber nichts, außer, ich hänge noch ein !important hintendran. Das läßt mich vermuten, daß die Spezifität von p + div {...} nicht hoch genug ist, und von einem anderen Selektor deshalb "überschrieben" wird. Ich finde den Übeltäter aber nicht. Kann einer von euch bitte nochmal drübergucken? testdatei |
|
|||
Gib dem div + p mal eine andere Hintergrundfarbe, dann siehst du es.
Mit der Spezifietät liegst du schon ganz richtig. Du hast eine Klasse .box die deine Border-Eigenschaft überschreibt, bzw. zur Anwendung kommt, obwohl die Regel vor der Regel div + p kommt. Du kannst also nur folgendes machen in diesem Fall: div + p.class. Willst du die Klasse .box ganz entfernen, kannst du statt .box dann auch div div div oder .wrapper div div oder wrapper div~div nehmen dann kommt div+p auch jeweils zur Anwendung. Selectors Level 3
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..." Aus einem Forum. |
Sponsored Links |
|
|||
Zitat:
pre ~ div { ... } wird überschrieben, was nicht sein soll. Du hast mich aber mit Zitat:
Zitat:
.box {...} hat die Spezifität 0, 0, 1, 0 und p + div {...} hat die Spezifität 0, 0, 0, 2 Somit überschreibt .box den Selektor p + div, wie du schon sagtest. Da ist dann auch die Reihenfolge egal, weil .box eine höhere Spezifität hat. Eine Lösung des Problems sehe ich allerdings nur darin, daß jetzt doch jedes dem Absatz nachfolgende DIV einen Klassennamen bekommen muss. Grüße Gaby |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
input type submit formatieren | dieter99 | CSS | 9 | 10.10.2008 17:39 |
Conflict between Mime Type and Document Type: Probleme im Internet Explorer | Jipii | (X)HTML | 4 | 22.01.2008 20:49 |
Liste im IE | StarSt0rm | CSS | 3 | 22.08.2007 21:04 |
Formulare und Mime Type | elevance | (X)HTML | 9 | 05.06.2007 15:39 |
Document type does not allow element | Vanquish | CSS | 8 | 17.08.2005 11:14 |