<pre> or <code> in links have color: #000

[mrwweb]

In the plugin repository at least, code and pre have color: #000 for their CSS. That means that if either is nested inside a link (​real example on this page), you get black link text, possibly surround by blue link text.

I imagine that the color property has to stay so I guess the next best solution is an explicit color value for a pre and a code.

[joefletcher]

3 css style changes to make a pre and a code consistent with a

[joefletcher]

I attached a wp4.css that should make the formatting for a pre and a code consistent with a tags. Here are the specific changes made:

/*line 34*/
a,
a pre,
a code,
#wporg-footer ul li a {
	color: #21759b;
	text-decoration: none;
	font-weight: normal;
}

/*line 41*/
a:visited,
a:visited pre,
a:visited code,
#wporg-footer ul li a:visited {
	color: #4ca6cf;
}


/*line 56*/
a:hover,
a:hover pre,
a:hover code { 
color: #d54e21;
}

[joostdevalk]

Tested this, it works, it looks good. The only think I wonder is if it were better if we did it as follows:

a,
a *

instead of

a,
a pre,
a code,

to prevent having to do this for other cases too.

[ocean90]

In 1688:

wp4.css: Inherit link color in nested code and pre tags.

props joefletcher for initial patch.
fixes #868.