Die Selektoren-Ansicht bietet eine erweiterte Ansicht, in der Sie CSS-Regeln bearbeiten können, indem Sie einen Selektor auswählen und die dahinter stehende CSS-Definition mithilfe der CSS-Fenster ändern.
Das mit dem im Styles-Explorer ausgewählten Element verbundene CSS-Stylesheet wird in der Selektoren-Ansicht angezeigt. In der linken Spalte sind die CSS-Selektoren aufgelistet und rechts wird eine Vorschau des ausgewählten Selektors angezeigt. Die Elemente in der Selektoren-Spalte können mit den drei CSS-Paletten („CSS - Standard", „CSS - Eigenschaften" und „CSS - Code-Editor") bearbeitet werden.
Die Selektoren-Ansicht zeigt alle CSS-Regeln für den SiteStyle bzw. die CSS-Datei, die im Styles-Explorer ausgewählt ist. Folgende CSS-Regeln werden in der Selektoren-Ansicht angezeigt:
Von NetObjects Fusion automatisch generierte CSS-Regeln Diese automatisch generierten Regeln gehören zu den SiteStyles, die mit NetObjects Fusion ausgeliefert werden. Sie können daran erkannt werden, dass der Selektorenname mit „.nof" beginnt.
CSS-Regeln, die vom Benutzer hinzugefügt wurden. In der Vorschau wird einfacher Text mit dem ausgewählten Selektor als Inline-Element für ein Block-Element angezeigt.
Vordefinierte CSS-Regeln von Komponenten. Diese CSS-Regeln haben vordefinierte Strukturen. Zum Beispiel beginnt der Selektor für die Formular-Handler-Komponente mit „.nof_formsHandler_". Wenn Sie ein Formularelement im Vorschaubereich auswählen, können Sie die entsprechende CSS-Regel mithilfe der CSS-Fenster ändern.
Die Selektoren-Ansicht kann vordefinierte CSS-Regeln enthalten, die für Tabellen und einige der NetObjects Fusion-Komponenten verwendet werden. Diese Regeln haben feste Namen und werden als Standard-Styles für die entsprechenden Elemente verwendet.
In der Selektoren-Ansicht wird das gesamte Stylesheet auf einmal bearbeitet. Sie können entweder ein externes Stylesheet bearbeiten, das Sie verwenden möchten, oder ein NetObjects Fusion-Stylesheet.
Falls die entsprechende CSS-Regel für das in der Vorschau ausgewählte Element nicht in der Selektoren-Spalte angezeigt wird, wird sie von NetObjects Fusion automatisch hinzugefügt, wenn Sie mit der Bearbeitung beginnen.
Nur für einen Teil der Komponenten können Elemente in der Vorschau ausgewählt werden.
Bevor Sie mit der Bearbeitung von CSS-Regeln beginnen, müssen Sie gegebenenfalls den Schreibschutz entfernen. In der Selektoren-Ansicht klicken Sie dazu mit der rechten Maustaste auf die Ansicht und deaktivieren Sie im daraufhin eingeblendeten Kontextmenü die Option „Schreibgeschützt". Sie können den Schreibschutz auch in der Grafik-Ansicht entfernen. Für Informationen hierzu, siehe Deaktivieren des Schreibschutzes.
So bearbeiten Sie eine CSS-Regel in der Selektoren-Ansicht:
Wählen Sie in der Selektoren-Spalte einen Selektor aus.
Sehen Sie sich den Selektor im Vorschaubereich an.
Bearbeiten Sie den Inhalt der CSS-Regel mit den CSS-Fenstern. Siehe Verwenden der CSS-Fenster.
In der Selektoren-Ansicht können Sie CSS-Regeln nicht entfernen. Um eine CSS-Regel zu entfernen, wechseln Sie zur CSS-Code-Ansicht und löschen Sie die Regel dort, oder entfernen Sie die Regel im Dialogfeld „Formatvorlagen verwalten".