2018.2

l A rule with the same importance is read after the first rule. Not only is the order of the rules
in a CSS file important, but also the order in which the style sheets are read. The style
sheets that are included with a section are read in the specified order; see "Applying a
style sheet to a section" on page393.
Workspace
The Workspace pane is where everything comes together. It is the contents of the page, the
WYSIWYG editor that shows what the output will look like.
The Workspace contains three or, when a Web section is open,four tabs. To switch between
the tabs, click on the tab at the bottom, or select View > Design View, Preview View or Source
View on the menu.
For an overview of keyboard shortcuts, see "Keyboard shortcuts" on page845.
Design tab
The Design tab shows the template including all styles, text and images as well as the
placeholders used for variable data. In this tab, the template's scripts are not executed and only
placeholders are shown.
Normally you would only edit a template in Design mode.
The top of the Design tab contains an area with the following options and buttons:
l
Breadcrumbs: Displays the element type where the cursor is located and any of its
parent elements. Elements with classes or IDs show these details next to them, for
instance
div #contents > ol.salesitems > li
. Click on an element in the Breadcrumbs to select it.
When an element is selected in the breadcrumbs and the Backspace or Delete key is
pressed, that element is deleted.
If the deleted element was targeted by a script, you will be asked if you want to delete the
script as well.
l
Context Selector: Displays the current context. The drop-down lists available contexts.
Clicking on a context switches to that context.
l
Section Selector: Displays the currently active section. Clicking on another section
switches to that section.
Page 881