css - change color of link in css

Question

i have http://jsfiddle.net/bgw34wqn/. I'm trying to figure out how can i change the font color of Menu3 to red.

<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>Untitled</title>
</head>
<body>
<div id="navL4test">
    <ul class="navL4test">
      <li><a href="http://www.cnn.com">Menu1</a></li>
      <li><a href="http://www.cnn.com">Menu2</a></li>
      <li class="navL4test-select"><a href="http://www.cnn.com">Menu3</a></li>
    </ul>
</div>
</body>
</html>

Sam · Accepted Answer · 2015-11-13 01:53:34Z

1

you have css specificity issues here, based on the jsfiddle. also, when you write css rules and have commas, you have to also keep carrying the class names. such as:

.foo a:link, .foo a:active { ... }

you can change the jsfilddle rule to this (remove the :link part):

.navL4test-select a, .navL4test-select a:active {color: red;}

answered Nov 13, 2015 at 1:53

Sam

1841 gold badge3 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

ceejayoz · Accepted Answer · 2015-11-13 01:44:16Z

0

Looks like you already have...

with this code:

.navL4test-select a:link, a:active {color: red;}

answered Nov 13, 2015 at 1:44

ceejayoz

181k42 gold badges311 silver badges382 bronze badges

Collectives™ on Stack Overflow

css - change color of link in css

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related