Wie wähle ich die Elemente innerhalb von #Dokument in CSS?
Ich versuche mit dem hintergrund-Bild des äußeren <body>
- tag in CSS:
<html>
<body>
...
#document
<html>
<body>
</body>
</html>
...
</body>
</html>
Aber ich kann auch nicht scheinen, wählen Sie eine der <body>
- tags, ohne die anderen. Sie haben keine IDs, und wenn ich versuchen Sie, über Kind-Selektoren, die #document
Dinge verkompliziert (ich weiß gar nicht, was es ist). Wenn ich versuche so etwas wie body html body {...}
, die #document
wirkt wie eine Barriere, die ich nicht überwinden kann, so dass es nicht wählen Sie die innere body-tag.
Irgendwelche Ideen, wie man wählen Sie eine der body-tags?
- Dies wäre ungültigen HTML-Codes, um mit zu beginnen. Ist das innere des Körpers in einem iframe oder frame?
- Was genau ist
#document
? - p:nth-child(1){..} wird, wählen Sie die 1. 'p' - element aus einer Gruppe von Absätzen.Aber ich bin mir nicht sicher über die situation hier.
- Bei allen Problemen mit styling/Skript immer verwenden, DOM inspector, verlassen Sie sich nicht auf den Quellcode. HTML-parsing-Regeln sind nicht immer intuitiv, nicht alle source-tags führen von DOM-Elementen und nicht alle DOM-Elemente über die entsprechenden source-tags.
- Validieren Sie Ihre html-entweder macht es einem iframe. Ist
#document
einen Knoten mit der id "Dokument" oder ist es nur text? Text sollte nie ein verwaister Knoten - es sollten immer eingewickelt in einige block-level-element<p>
zum Beispiel.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Den gegebenen Auflistung erscheint, ein DOM-Inspektor-Ansicht. In diesem Fall
#document
bezieht sich nicht auf ein beliebiges element mit der id "Dokument" — er bezieht sich auf das Dokument, gehostet in einem<iframe>
(siehe- Knoten.nodeName
). Sie können dies in Firefox und Chrome DOM-Inspektoren; in der Tat, Sie können sogar versuchen Sie es jetzt, indem entweder browserdata:text/html,<iframe>
, öffnen Sie den Inspektor und den ausbau der<iframe>
Knoten. IE zeigt die verschachtelte Struktur als gut, aber ohne die#document
marker.Wenn Sie sehen, das Bild im hintergrund Bluten aus der host-Dokument in den iframe, das bedeutet, dass das Dokument in der iframe nicht seinen eigenen hintergrund.
Selektoren nicht durchdringen können mehrere/verschachtelten Dokument Bäume; Sie lokalisiert sind, um den Kontext zu dokumentieren. Dies bedeutet, dass Sie nicht Ziel-Elemente in einem Dokument, gehostet in einem
<iframe>
innerhalb des Dokuments enthält, die<iframe>
. Wenn Sie müssen, um Stile auf Elemente in einem Dokument innerhalb einer<iframe>
des CSS muss direkt angewendet, in das innere Dokument, und die Selektoren geschrieben, als ob Sie arbeiteten nur mit diesem Dokument.In der etwas weniger wahrscheinlichen Fall, dass die vorliegende Auflistung ist die eigentliche Quelle markup anstatt einen DOM-inspector anzuzeigen, und
#document
ist in der Tat ein beliebiges element mit der id "Dokument", dann wird Ihre innere<html>
und<body>
Elemente abgeschrieben wurden, als HTML-DOM darf nur genau eine<html>
und eine<body>
element zu einem Zeitpunkt; diese würde Ihre äußeren, nicht die inneren. In diesem Fall, Sie könnte versuchen Sie#document
und anwenden hintergrund, um, statt, aber keine Garantie, dass es ordnungsgemäß funktionieren werden.Was Sie denken würde erfordern
<head></head>
- tags innerhalb der#document
und<iframe></iframe>
tags einschließlich<link type="text/css" href="Null.css">
. Wenn Sie möchten, ändern Sie diese über die Einbettung und zu verändern, dann brauchst du jQuery, aber es gibt keine Garantien mit jQuery, da Erstens, Sie müssen wissen, wohin damit und zweitens, es kann nicht funktionieren, wenn mehrere Dinge verwenden die gleichen ids/- Klassen auf der Seite mit deniframe
und das Dokument in dieiframe
.Mithilfe Von Jquery
Können Sie die Verwendung von jQuery .content () - Funktion aufrufen.