The Edit CSS Rules dialog box enables you to create new rules in a CSS style sheet. The dialog box displays a list of types of selectors and options for specifying and naming the selector.
To create a new rule you must select a Selector Type and then specify the details for the selector either by typing in the Selector text field or by using the dropdown list.
You can specify the following details in this dialog box.
Element | Description |
---|---|
Selector Type |
Select one of the following types from the list. |
Class |
Select this type to create a rule for a class selector to specify a style for a group of elements. When you select this type you must supply the name of the class selector in the Selector text field. |
ID |
Select this type to create a rule for an id selector to specify a style for a single, unique element. When you select this type you must supply the name of the id selector in the Selector text field. |
Element |
Select this type to create a rule for an HTML element. When you select this type you must select an HTML element from the Selector dropdown list or type the name of the HTML element in the Selector text field. |
Compound |
Select this type to create a rule for a nested selector. When you select this type you must type the names of the HTML elements or selectors in the Selector text field. |
Selector |
Specify the selector by typing the name in the Selector text field or by using the dropdown list to select an HTML element. |
Style Sheet |
Select the style sheet from the dropdown list. This option is disabled if there are no references to additional style sheets in the application or file. |
At Rule |
Select a media type from the dropdown list to create a new rule that only applies to the selected media (for example, @print). This option is disabled if no media types are specified in the style sheet. By default, rules are applied to all media types. |
Apply Changes to the Element |
When selected, the new selector is applied to the currently selected element in the file. You can use the Preview field to view the selected element and the new selector. The Location field displays the parents of the current element. |
Related Topics
Developing Applications with NetBeans IDE,
Copyright © 2013, Oracle and/or its affiliates. All rights reserved. |