habe es schwer, diesen reaktionsschnellen CSS-Code zu verstehen

8

Ich habe versucht, den folgenden Code zu verstehen, aber ich habe nie gesehen, dass Leute CSS auf diese Weise benutzen.

Kann jemand erklären, was sie tun? Wann und warum sollten Sie verwenden: \ , > , < , * , + . Was bedeutet 00 usw.?

Wenn jemand, der etwas Licht in die Sache bringen könnte, wäre ich sehr dankbar! Ich weiß, dass ich das wahrscheinlich irgendwo in einer Dokumentation finden kann, aber wenn Sie bereits über dieses Wissen verfügen, wäre ich sehr dankbar, wenn Sie es mir mitteilen könnten!

Hier ist ein Ausschnitt des Codes.

%Vor%

Hier ist eine JSfiddle mit mehr CSS: Ссылка

    
Joel 15.07.2015, 10:11
quelle

2 Antworten

3
  

Kann jemand erklären, was sie tun? Wann und warum sollten Sie verwenden: \, & gt; , & lt; , *, +.

Sie sind verschiedene Arten von CSS Selectors .

> ist ein untergeordneter Selektor. Ein Beispiel dafür ist:

%Vor% %Vor%

* ist ein Platzhalter-Selektor. Dadurch werden alle Elemente auf der Ebene ausgewählt, auf der sie verwendet werden.

\ wird verwendet, um Unicode-Zeichen zu entschlüsseln. In deinem Code wird es verwendet, um verschiedene Prozentsätze zu umgehen, zB

%Vor% %Vor%

Aktualisieren

  

Aber wann wäre es nützlich, \ 30 \ 25 zum Beispiel zu verwenden?

Es wäre nützlich, wenn Sie eine Klasse / ID hätten, die mit einer Ziffer beginnt, da CSS-Syntaxregeln dies nicht zulassen, daher würden Sie die Ziffer umgehen. Sehen Sie sich JSFiddle mit Ihrem Beispiel-CSS an.

Davon abgesehen würde ich persönlich vermeiden, mit einer Ziffer zu beginnen, es sei denn, Sie finden es nötig, wenn Sie an Code anderer arbeiten, da es schwerer zu lesen ist.

    
DAC84 15.07.2015 10:56
quelle
1

Es sieht so aus, als würden sie Charaktere für ihre CSS entkommen. Ich bin mir nicht sicher, was der Sinn dieser Sache ist, aber der allgemeine Anwendungsfall wäre die Verwendung von Anführungszeichen mit einem Klassen- oder ID-Namen. Sie könnten also Folgendes tun: class="my\'classname\'" , das auch geschrieben werden kann class="myclassname" , wobei 27 der Hexadezimalwert für ein einfaches Anführungszeichen (') ist. Hier ist eine Liste der hex- und ascii-Werte

Wie ich schon sagte, ich bin mir nicht sicher, warum jemand das tun würde, aber Sie können.

Einige der Beispiele machen auf diese Weise Sinn. .row.uniform. 0 könnte übersetzt werden in .row.uniform.5 0% Ich bin mir nicht sicher, was das bedeuten würde, aber wenn (und ich weiß nicht so viel darüber) der Raum ignoriert werden kann, könnte es eine Zeile mit 50% sein Breite oder zwei Spalten - jeweils 50%. Hier ist ein (älterer) Artikel .

    
David Mann 15.07.2015 10:54
quelle

Tags und Links