I have been using the following to make some links behave differently than others and seems to be working fine.
#p11 {font-family: "Times New-Roman"; padding-bottom: 2px; padding-top: 0px; padding-left: 3px;
font-size: 11pt; font-weight: normal; word-spacing: 2px; text-align: left;}
#p11 a:link {COLOR: #0000FF; TEXT-DECORATION: none; font-weight: bold}
#p11 a:active {COLOR: #0000FF; TEXT-DECORATION: underline; font-weight: bold}
#p11 a:visited {color: #A52549; TEXT-DECORATION: none; font-weight: bold}
#p11 a:hover {COLOR: #0000FF; text-decoration: underline}
Each line I want to do this, I have as
<p id="p11">Some Text
Link Text</p>
<p id="p11">Some Text2
Link Text2</p>
This works fine, but I read that you are only supposed to use an id once. I could wrap it under one big
and insert
to control the line breaks, but that doesn't seem to be a very clean solution either.
I can't use a class, since that doesn't allow you to control the link behavior differently. Any ideas or just leave it?