4
Warum ist die folgende Klasse (.productQuote) im Inspector ausgegraut? Ich kann es nicht bearbeiten.Was bedeutet es, wenn im Stilinspektor von Chrome ein Klassenstil ausgegraut ist?
A
Antwort
1
Ich vermute, die grau hinterlegt/abgeblendet Text, liegt daran, dass die aktuell gewählte Element ist eine Stileigenschaft vererben, die zu einem Vorgängerelement aufgebracht wurde.
d. H. Die Klasse .productQuote wendet eine CSS-Eigenschaft (möglicherweise die background-color) auf ein übergeordnetes Element an, diese Eigenschaft wird von Ihrem aktuell ausgewählten Element geerbt.
So ist es ein benutzerdefinierter Stil, aber weil es nicht direkt angewendet wird, ist es ausgegraut.
2
Für den aktuell ausgewählten DOM-Knoten zeigt dieser Bereich alle für diesen Knoten gültigen Stile an. Stile mit grauem Hintergrund sind schreibgeschützt, der Rest ist editierbar.
Quelle:Computed Style Pane
Normalerweise sind die abgeblendet Bereiche sind für user agent stylesheet Stile, die Stile vom Browser-Anbieter definiert sind. Diese werden normalerweise von Ihren eigenen Stilen überschrieben. Sie können verwenden, um die Stile in den Browsern zu normalisieren.
Ich bin nicht ganz sicher, warum .productQuote hier speziell ausgegraut ist, aber ich denke, es kommt von einer Chrome Extension.
Ah also, wenn ich mir alle Elternklassen im HTML anschaue, werde ich es eventuell bearbeiten können. –
Ja, versuchen Sie zu überprüfen, ob eine der übergeordneten Klassen etwas wie 'class =" productQuote "' enthält, oder wenden Sie eine CSS-Eigenschaft direkt auf das zu überprüfende Element an, so dass der eigene Stil das ererbte einfach überschreibt. –
Ich habe es jetzt tatsächlich gelöst. Das Stylesheet hatte Änderungen in Visual Studio, was den Inspektor vor der Bearbeitung zu schützen scheint, aber danke für Ihre Hilfe. –