CSS-Selektor wenn: Ziel leer

7

Ich brauche einen css3 Selektor, um auf ein Element zu zielen, wenn das: Ziel gleich der ID des Elements ist (leicht) oder wenn :target leer ist (unmöglich?). Es ist schwer zu erklären, also lassen Sie mich Ihnen ein einfaches Beispiel geben.

%Vor%

Aber natürlich existiert die Pseudo-Klasse :no-target nicht;). Gibt es einen Weg, ohne Javascript zu verwenden? Vielen Dank im Voraus!

    
Rik de Vos 28.07.2011, 23:43
quelle

5 Antworten

22

Seufzen. Ich habe das Gefühl, dass ich ein totes Thema wiederbelebe, aber es braucht eine echte Antwort.

Es ist möglich, dies nur mit CSS zu tun, indem Sie :last-child und einen general verwenden Geschwisterkombinator , in Form von :target ~ :last-child :

%Vor%

(Live-Beispiel)

Bearbeiten: Offenbar ist dies der akzeptierten Antwort in sehr ähnlich , zuvor erwähnt, verwandte Post .

    
rummik 21.03.2012, 20:16
quelle
2

Dafür gibt es eine gute Antwort auf default-target-with-css

Es dreht sich um diesen Trick , der Probleme in iOS zu haben scheint. Es wurde in Safari behoben, also vielleicht in iOS 5?

    
psayre23 29.08.2011 06:38
quelle
1

Ich kann nur daran denken, dass Sie Javascript haben, das prüft, ob der Hash leer ist. Wenn dies der Fall ist, fügt es dem Body-Tag "noHash" eine Klasse hinzu. Dann können Sie die Tatsache nutzen, dass die noHash-Klasse in Ihren CSS-Regeln verfügbar ist.

%Vor%

Dann könnte Ihr CSS wie folgt aussehen:

%Vor%

Wenn es einen Umstand gibt, bei dem ein Benutzer nach der Tat einen Hash-Wert hinzufügen kann, müssen Sie möglicherweise darauf achten, dass die noHash-Klasse ordnungsgemäß entfernt wird.

Hinweis: Sie müssen den Klassennamen nicht zum body-Tag hinzufügen. Sie können es zu einem übergeordneten Objekt hinzufügen, das alle Objekte abdeckt, die Sie beeinflussen möchten.

    
jfriend00 29.07.2011 00:36
quelle
1

Warum verwenden Sie nicht div:not(:target) oder div:target:empty ?

    
Knu 29.07.2011 04:42
quelle
-1

Sie können den Selektor :not(:target) verwenden.

    
Tofandel 15.11.2013 18:01
quelle

Tags und Links