Показвам връзки, които се маркират като прочетени в база данни, когато потребител кликне върху тях. Искам да стилизирам щракнатите и некликнатите връзки въз основа на информацията от базата данни, а не хронологията на браузъра на потребителя. Досега, когато използвам:
10 a:visited {
11 color: #444;
12 }
13
14 a:link {
15 font-weight: bold;
16 color:black;
17 }
18
19 .read {
20 color: #444!important;
21 }
22
23 .unread {
24 font-weight: bold!important;
25 color:black!important;
26 }
и
<tr class="even">
<td><a class="read" href="/bgexample.com">blah</a></td>
</tr>
<tr class="odd">
<td><a class="unread" href="/bgexample.org">foo</a></td>
</tr>
и е посетена връзка, но не от тази страница (все още е маркирана като непрочетена в базата данни), получавам странни резултати. Например само цветът ще работи, но теглото няма и т.н.
Възможно ли е един стил да замени друг, когато са в конфликт?
Благодаря!
РЕДАКТИРАНЕ: актуализиран код за изясняване
Решение
10 a:link,
11 a:visited {
12 font-weight: bold;
13 color: black;
14 }
15
16 a.read {
17 color: #444;
18 font-weight: lighter !important; /* omission or even "normal" didn't work here. */
19 }
20
21 a.unread {
22 font-weight: bold !important;
23 color: black !important;
24 }