Css Auswahl Leinwand verschachtelt Element

Question

I

Kennzeichnung wie Canvas-Element für Styling Zwecke zu wählen, aber ich kann es tun, ist es aufgrund der Tatsache, dass dies im Flug erzeugt und css es wird nicht nach seinem generiert sehen?

Ich habe versucht, ‚Auswahl kopieren‘

#drawing > div > div > canvas 

aber es ist auch nicht funktioniert, ist der einzige Weg, im Stil der Lage, mit Werkzeugen Verwendung von Entwickler ist hinzuzufügen ..

#drawing div canvas { 
    border: 10px solid #22cc37; 
    padding: 100px; 
} 


div.ng2-pdf-viewer-container > div > canvas { 
    padding: 100px; 
    border: 10px solid #22cc37; 

} 

drawing > pdf-viewer > div > div > canvas { 
    border: 10px solid #22cc37; 
} 

.drawing .ng2-pdf-viewer-container{ 
    border: 10px solid #22cc37; 
} 

drawing pdf-viewer div div canvas { 
    border: 10px solid #22cc37; 
} 

.drawing .pdf-viewer div div canvas { 
    border: 10px solid #22cc37; 
} 

das ist mein css Datei nichts davon scheint zu funktionieren ..

Answer 1

Entfernen der > s sollte es lösen, denn dann sagen Sie im Grunde, dass es kein direktes Kind sein muss, aber es kann einige Kinder überspringen.

Answer 2

Check this page out, Sie sind die Wähler nicht richtig mit:

Der element>element Selektor verwendet wird, Elemente mit einem bestimmten übergeordneten auszuwählen.

Hinweis: Elemente, die nicht direkt ein Kind des angegebenen übergeordneten Elements sind, sind nicht ausgewählt.

Versuchen Sie also drawing > pdf-viewer > div > div > canvas statt.

Edit 1: Jetzt, wo Sie Ihre CSS-Datei hinzugefügt, wenn Sie ein Element, dessen Tag-Namen drawing ist auswählen möchten, dann müssen Sie nicht mit diesem Tag-Namen als Präfix entweder eine . oder einem # (Ersteres dient zum Auswählen von Elementen mit einem bestimmten Klassennamen, letzteres zum Auswählen eines Elements mit einer spezifischen ID).

Auch, versuchen Sie dies und sehen, ob es funktioniert:

drawing div canvas { 
    border: 10px solid #22cc37 !important; 
    padding: 100px !important; 
} 

Das obige Beispiel ergibt dies, wenn ich es ausprobieren (auch ohne die !important s, so dass, wenn es nicht für funktioniert Sie, das Problem ist nicht mit Ihrem CSS, Sie sind wahrscheinlich überschreiben die Stile woanders in Ihrem Code):