Interessanter CSS-Selektor

Question

ich einen interessanten CSS-Selektor hier habe:

.gridcell[id="danger"] { 
    color: red; 
} 

Ich denke, dass sie das Absatzelement im folgenden Abschnitt Stil sollen:

überhaupt

<div class="gridcell" id="danger"> 
    <p>fort_sumter</p> // this would be styled 
</div> 

jedoch nichts gestylt. Zu meinem Verständnis bedeutet das [] im Selektor, dass es nach etwas innerhalb der Gitterzelle sucht, das die ID der Gefahr hat, was das p-Element wäre, aber es funktioniert nicht. Irgendwelche Ideen der richtigen HTML-Sektion, die mit diesem CSS-Block gestylt würde?

Danke,

brld

EDIT: die seltsame Zitate behoben, der es von Atom waren.

Answer 1

Sie haben dort ein seltsames Unicode-Zitat, speziell Codestelle 8221 "Right Double Quotation Mark". Es sollte Codestelle 34 "Anführungszeichen" sein.

Versuchen Sie, den Unterschied zwischen den beiden zu finden: U + 8221: ” U + 34 ".

Dies könnte durch einige interessante System Tastatureinstellungen verursacht werden, oder wenn Sie schrieb, dass CSS in einem Textverarbeitungsprogramm (zB MS Word, Libreoffice Writer, Google Docs, etc.)

mit dem Risiko von anderen Antworten zu wiederholen , die kanonische Weise durch ID in CSS von der Auswahl ist durch die # Zeichen verwendet wird, von der ID gefolgt Sie passen wollen:

.gridcell#danger 

---

Als stilistische Note, da IDs eindeutig sind, sollten Sie eine weitere Verwendung beschreibender Name, oder wechseln Sie zu eine Klasse.

Answer 2

Formatierungsfehler. Seien Sie vorsichtig mit den von Ihnen verwendeten Zeichen. Statt“ist es das doppelte Anführungszeichen" Sie haben zu verwenden.

ändern

.gridcell[id=”danger”] { 
    color: red; 
} 

zu

.gridcell[id="danger"] { 
    color: red; 
} 

Answer 3

Es scheint, wie Ihre Wähler die falsche Art von doppelten Anführungszeichen verwendet. Sind Sie bearbeiten Ihren Code in einem Rich-Text-Format auf einem Mac-Computer? Ihre Angebote sollten gerade sein, nicht lockig.

Auch Sie sind ein bisschen falsch über die Art, diesen Selektor zu schreiben. So wählen Sie, dass Absatz von seiner Klasse und ID würden Sie schreiben:

.gridcell#danger { 
    color: red; 
} 

Answer 4

Sie können nur auf Klassenobjekt oder #div zu id-Objekt verwenden .div, wenn Sie wählen müssen ein Bruder Element verwenden können

.class #id{  
    /* style */ 
}