CSS Selektor für folgeelement aber nur ohne text dazwischen

[Jeena Paradies]

Hallo,

Folgendes HTML, entweder;

<div><a>a</a> foo bar <a>b</a></div>

oder ohne den text dazwischen

<div><a>a</a> <a>b</a></div>

ich würde gerne mit CSS nur den zweiten Fall abdecken, geht das irgendwie?

div > a:first-child + a gilt leider für beide.

Jeena

[ChrisB]

Hi,

Folgendes HTML, entweder;

<div><a>a</a> foo bar <a>b</a></div>

oder ohne den text dazwischen

<div><a>a</a> <a>b</a></div>

ich würde gerne mit CSS nur den zweiten Fall abdecken, geht das irgendwie?

Mit sibling combinators sehe ich da keine Chance – die berücksichtigen nur Elementknoten.

MfG ChrisB

[martin88]

Hallo,

Folgendes HTML, entweder;

<div><a>a</a> foo bar <a>b</a></div>

oder ohne den text dazwischen

<div><a>a</a> <a>b</a></div>

ich würde gerne mit CSS nur den zweiten Fall abdecken, geht das irgendwie?

div > a:first-child + a gilt leider für beide.

Jeena

.css a {
   /*formatierung hier */
}

[martin88]

Hallo,

Folgendes HTML, entweder;

<div><a>a</a> foo bar <a>b</a></div>

oder ohne den text dazwischen

<div><a>a</a> <a>b</a></div>

ich würde gerne mit CSS nur den zweiten Fall abdecken, geht das irgendwie?

div > a:first-child + a gilt leider für beide.

Jeena

.div a {
  /*formatierung hier */
}

so meinte ich

[Matthias Apsel]

Om nah hoo pez nyeetz, martin88!

.div a {
  /*formatierung hier */
}

ist aus mehreren Gründen falsch:

1. gibt es im Beipiel keine Klasse, die 'div' heißt.
2. selektierte der Kombinator '.div a' alle a-Elemente innerhalb der Elemente der Klasse 'div'

gesucht sind jedoch nur zwei wirklich unmittelbar aufeinanderfolgende a-Elemente. auch der Kombinator 'a + a' kann das nicht leisten, weil er sowohl

<a>...</a>text<a>...</a> als auch <a>...</a><a>...</a> selektiert. Es hilft mit großer Sicherheit, den Text zwischen den Links in ein zusätzliches Element zu packen, aber das ist ebenfalls mit großer Sicherheit nicht das, was Jeena sucht.

Matthias

[Jeena Paradies]

Hallo,

... aber das ist ebenfalls mit großer Sicherheit nicht das, was Jeena sucht.

Ja leider nicht, es geht um das Blog von Fefe und da kann ich das HTML ja nicht verändern. Ich könnte mir natürlich ein user.js schreiben das das alles fixt aber ich war vor allem daran interessiert ob es da was in CSS gibt das so was leisten könnte und ich es noch nicht kenne.

Jeena

[Matthias Apsel]

Om nah hoo pez nyeetz, Jeena Paradies!

Ja leider nicht, es geht um das Blog von Fefe und da kann ich das HTML ja nicht verändern.

könnte es sein, dass die Werte der href-Attribute der gewünschten Links sich unterscheiden:

die einen beginnen mit '?ts', die anderen mit 'http://'

oder möchtest du (http://blog.fefe.de/, 10. November, 1. bzw. 3. li-element)

'Die EU hat sich mit den USA zur Weitergabe der Fluggastdaten verständigt.' von 'Lacher am Rande:'

unterscheiden können?

Matthias

[Jeena Paradies]

Hallo,

könnte es sein, dass die Werte der href-Attribute der gewünschten Links sich unterscheiden:

die einen beginnen mit '?ts', die anderen mit 'http://'

oder möchtest du (http://blog.fefe.de/, 10. November, 1. bzw. 3. li-element)

'Die EU hat sich mit den USA zur Weitergabe der Fluggastdaten verständigt.' von 'Lacher am Rande:'

unterscheiden können?

Hm nja das wird wohl leider auch nicht gehen, ich wollte eigentlich links die ganz am Anfang sind als Überschriften formatieren, aber nur wenn der Link als erstes im Artikel steht.

Jeena

[Kai345]

[latex]Mae  govannen![/latex]

Hm nja das wird wohl leider auch nicht gehen, ich wollte eigentlich links die ganz am Anfang sind als Überschriften formatieren, aber nur wenn der Link als erstes im Artikel steht.

Du meinst die Links für den Direktaufruf eines Artikels?

In meinem CSS habe ich das mit

body > ul > li > a[href^="?"] {

gemacht.

Stur lächeln und winken, Männer!
Kai

[Jeena Paradies]

Hallo,

Du meinst die Links für den Direktaufruf eines Artikels?

Nein, die gehen ja mit :first-child, ich meine einen Link der direkt nach dem Direktaufruflink folgt, ohne Text dazwischen.

Jeena