<div>
You could use a class<br />
<br />
.myclass{text-decoration:n<wbr />one;color:<wbr />#ff0000;}<br />
.myclass:hover{text-decora<wbr />tion:under<wbr />line;color<wbr />:#000000;}<wbr /><br />
<br />

</div>


You could use a class

.myclass{text-decoration:none;color:#ff0000;}
.myclass:hover{text-decoration:underline;color:#000000;}



<div>
Just specify a different class for each section of the page then you do not have to specify a class for each link:<br />
<br />
&lt;html&gt;<br />
&lt;title&gt; multi-links &lt;/title&gt;<br />
&lt;head&gt;<br />
&lt;style media=&quot;screen&quot; type=&quot;text/css&quot;&gt;<br />
&nbsp; &nbsp;.class1 a:link { color: blue }<br />
&nbsp; &nbsp;.class1 a:visited { color: blue }<br />
&nbsp; &nbsp;.class1 a:hover { color: blue}<br />
&nbsp; &nbsp;.class2 a:link { color: white }<br />
&nbsp; &nbsp;.class2 a:visited { color: white }<br />
&nbsp; &nbsp;.class2 a:hover { color: white }<br />
&lt;/style&gt;<br />
&lt;/head&gt;<br />
<br />
&lt;body&gt;<br />
&lt;div class=&quot;class1&quot;&gt;<br />
<br />
... content for the first part of the page &nbsp;...<br />
&nbsp; <br />
&lt;div class=&quot;class2&quot;&gt;<br />
<br />
... content for the second part of the page <br />
<br />
&lt;/div&gt;<br />
&lt;/font&gt;<br />
&lt;/body&gt;<br />
&lt;/html&gt; <br />
The div wrapped around the links for each section of the page will cause the links in that section to inherit the specification contained in that class.<br />
<br />
Cd&amp;<br />

</div>


Just specify a different class for each section of the page then you do not have to specify a class for each link:

<html>
<title> multi-links </title>
<head>
<style media="screen" type="text/css">
   .class1 a:link { color: blue }
   .class1 a:visited { color: blue }
   .class1 a:hover { color: blue}
   .class2 a:link { color: white }
   .class2 a:visited { color: white }
   .class2 a:hover { color: white }
</style>
</head>

<body>
<div class="class1">

... content for the first part of the page  ...
 
<div class="class2">

... content for the second part of the page

</div>
</font>
</body>
</html>
The div wrapped around the links for each section of the page will cause the links in that section to inherit the specification contained in that class.

Cd&


<div>
that's the ticket!<br />
<br />
thanks...
</div>


<div>
<div class="content wysiwyg-content">
in a .css file i have defined anchor properties (hover, visited etc.)<br />
<br />
how can i over-ride these settings in certain parts of an html page that uses this .css file?<br />
<br />
e.g. use different hover colors etc.<br />
<br />
thanks.
</div>
</div>


in a .css file i have defined anchor properties (hover, visited etc.)

how can i over-ride these settings in certain parts of an html page that uses this .css file?

e.g. use different hover colors etc.

thanks.

over-riding css style for anchor tags

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.