Ich habe einen Code in folgendem Stile:
<div class="text">
<h2>xyz</h2>
<form action="" method="post">versch. inhalte</form>
<div>
<ul>blabla</ul>
<div style="float:left;">zu formatierender Inhalt</div>
</div>
</div>
Ich arbeite an der Darstellungsänderung einer Website mittels Stylish und möchte den Inhalt des dritten <div> (also "zu formatierender Inhalt") formatieren - wie kann ich darauf zugreifen, wenn ich (logischerweise) keine IDs oder Klassennamen vergeben und mit div.text > div > div {...}
das Element nicht eindeutig ansprechen kann (sprich es im Dokument weitere divs in dieser Konstellation gibt)?
Ich habe es schon mit den in der CSS-Kurzreferenz (http://de.selfhtml.org/navigation/css.htm#zentrale_formate) angegebenen Varianten probiert, nichts davon hat funktioniert:
div.text > div > div[style=float:left;]{...}
div.text > div > div[style=float:left]{...}
div.text > div > div[style='float:left']{...}
div.text > div > div[style~=left]{...}
div.text > div > div[style|=float]{...}
Die Frage ist nun: Wie kann ich attributbedingt (da es ja leider nicht anders geht!) formatieren, wenn das Zugriffsattribut ein CSS-Attribut ist?
Es ist sehr schade, dass dieser Fall in der CSS-Kurzreferenz fehlt!
Ich hoffe, dass einer mein Problem anhand dieser Beschreibung versteht und mir helfen kann.
Gruß,
Nitnatsnok