2012-04-13 4 views
2

Ich habe diese Situation in HTML und CSS:Implizite CSS Stil der Eltern, wenn Großeltern Eltern-Kind-Muster bekannt ist

css

.heading-border{ border-bottom:2px groove; } 

html (der Kürze halber bearbeitet)

<tr class="heading-border"> 
    <th>Some Label</th> 

Ist es gibt eine Möglichkeit, die <tr> hier von css, nicht Javascript, ohne explizit die Klasse zu definieren (mit anderen Worten zuweisen th ist Stil zu jedem <tr>, die eine <th> enthält? Der Grund ist, dass diese Situation an vielen Orten existiert und ich würde es vorziehen, keine Klasse an jedem Ort markieren zu müssen.

+1

Sie einen thead in der Tabelle Markup? – kinakuta

+0

@kinakuta - Nein, obwohl das ein guter Vorschlag ist. –

Antwort

4

Dies ist derzeit nicht möglich, aber wir können es in Level 4 Selektoren haben. In Zukunft werden Sie in der Lage sein, sich ausdrücklich Gegenstand der Wähler zu erklären, indem sie sie mit dem Dollarzeichen vorangestellt wird:

$div p { 
    /* div is the subject, not p */ 
} 

Ein Hinweis auf das Symbol oben ist, dass es immer noch in der Luft zu hoch erscheint. Ich habe Berichte gelesen, dass es ? sein wird, und andere, die vorschlagen, dass es ! sein wird. Unterm Strich sieht die Spezifikation :)

http://www.w3.org/TR/selectors4/#subject
http://dev.w3.org/csswg/selectors4/#subject

1

Leider nicht, nein. Nicht nur mit CSS. Es ist nicht schlau genug, um so von einem Kind rückwärts zu arbeiten. Sie können nur in einer Richtung nisten.

Verwandte Themen