scratched the surface. We could also define properties for the other pseudo-classes such as link, visited, and active. Experiment with the other pseudo-classes at your leisure to see how they work. Working with IDs Unlike classes, pseudo-classes, and tag redefinitions, IDs are slightly more difficult to integrate into the context of Dreamweaver's design environment because they are not directly supported. Although you can still work with IDs using the CSS Styles panel, you won't be able to select them as an option from the Style menu in the Properties Inspector. Instead, you must add them using the code hints menu in Code view or by using the Tag Selector. To demonstrate how to work with IDs, let's create a new ID for the header in our company events table: 1. Create a new style in your external styles.css file by clicking the New CSS Rule icon (located second from the left in the icon group in the bottom right of the CSS Styles panel). The New CSS Rule dialog appears. 2. As you did with pseudo-classes, enable the Advanced radio button in the Selector Type group. The Tag menu becomes a Selector menu. 3. Enter the text #tableheader. Note that the # symbol represents an ID. 4. Click OK. The CSS Rule Definition for #tableheader in styles.css dialog appears. 5. Choose Bold from the Weight menu and click OK. The new ID appears in the CSS Styles panel. Now that the ID has been created, you can apply the style to the text in one of a few ways. First, you can switch to Split view view, place your cursor in the <td> tag that wraps the Upcoming Event text, and type the first part of the attribute ID=". As you enter the first quote, the code hints menu appears with the tableheader ID in the menu (this is the only ID in the style sheet) as shown in Figure 7.26. Figure 7.26. The tableheader ID appears in the code hints menu. [View full size image]   Press Enter so that the tableheader ID is applied to the <td> tag's ID attribute as a value. Now switch back to Design view. A second way of applying stylesor IDs in this caseis to highlight the text to which you want to apply the style (in our case, the Time & Date header). The <td> tag is highlighted in the Tag Selector. Right-click the <td> tag in the Tag Selector to open the context menu and choose the tableheader option from the Set ID menu, as shown in Figure 7.27. Figure 7.27. Use the Tag Selector to set an ID to a selected element on the page. [View full size image]   The last method of applying a styleor in this case, an IDis to use the Apply option directly from the CSS Styles panel. To use this method, highlight the last header option in the company events table: Location. Right-click the #tableheader ID in the CSS Styles panel to access the context menu and choose the Apply option (see Figure 7.28). Figure 7.28. Use the Apply option from the context menu in the CSS Styles panel to apply a style directly to a selected element. [View full size image]   Any method you pick produces the same results. In our examples, we could have easily used classes to accomplish the same results. Remember that IDs are