Technical Documentation - question & feedback

Technical Documentation - question & feedback
0

#1

Hi

Here’s my technical documentation page. I would love to hear how else I can improve this.

Plus I have a question regarding styling the links.

I declared styles for <a> at line 15 like so:

a {
	background-color: #DCDCDC;
	color: #008CBC;
	text-decoration: none;
}

#008CBC is a blue color.

I would like the same blue color for the <a> in the last section:

<section class="main-section" id="Reference">
	<header>
		<h2>Reference</h2>
	</header>
		<article>
		     <p>All the documentation in this page is taken from <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Transitions" target="_blank">MDN</a>.</p>
		</article>
   </section>

But even though I’ve declared this color earlier, the text (MDN) remains black. To get it in blue, I have to declare something like this (currently commented out):

#Reference a {
	color: #008CBC;
}

Wondering if someone could enlighten me on this .

Many thanks!


#2

You’re close. You should add the #Reference a to the a styles you’ve already set

a,
#Reference a {
  background-color: #DCDCDC;
  color: #008CBC;
  text-decoration: none;
}

#3

Thanks for looking at it. It’s strange but on Firefox and on my phone, MDN is blue. On Chrome, it’s black. I thought it might be a cache problem so I cleared my history but that hasn’t worked.

Anyway, I’ll add in the code like you suggested.

Thanks!