Dreamweaver MX 2004 implements two page connection styles

Many people may learn how to make the link text change with the mouse clicking status. This is the effect of css. Maybe you only know how to set a state, such as placing the mouse over the text, the text turns red. However, the whole page is so uniform, but there is no way to have a variety of effects on a page? For example, there are two text links on the page. We think one of them is red when the mouse is placed, and the other is yellow. The answer is yes. Only a few lines of code are required. Considering that most people are using Dreamweaver, let's talk about how to do this in Dreamweaver MX 2004.

1. Start Dreamweaver MX 2004, create an HTML file, and create two connected texts.

2. Press SHIFT + F11 to open the css styles control panel and create a new css style. Note that your selector type is advanced (ID, context selector, etc ), then select the selector a: hover, which does not show the effect shown in the figure above. In fact, the skill is here! We manually change a: hove to a. one: hove, that is, add a vertex and name after a (either in English or a number ). Click OK after setting. As shown in the following figure:

3: in the pop-up. One: set the effect in the CSS style definition dialog box of hover. Here we select the font color to red. Click "OK" after setting ". As shown in the following figure:

4. Repeat steps 2nd and 3. The point to be modified in step 2nd is to return a. one: hover to a: hover (that is, directly select a: hover. The color of the font needs to be changed in step 2. We set it to yellow.</