Lieber Markuss,

ich habe mit der Semantik Deines Markups ein Problem:

<div class="page-header">

<h2 itemprop="name">
        <a itemprop="url" href="/index.php/news/3-news-2">
             News 2
        </a>
    </h2>
</div>

  
Warum <div> anstatt [<header>](http://wiki.selfhtml.org/wiki/HTML/Seitenstrukturierung/header)? Vielleicht könntest Du mit dem <header>-Element Dein <h2>-Element sogar einsparen...?  
  

> Nun würde ich gerne "News 2" in Rot anzeigen wollen.[...]  
> ~~~css

.page-header h2 {font-size: 20px;}  

>   
> a.page-header a:link {color: red;}

Dein Nachfahrenselektor ist falsch gewählt. Aktuell sagst Du in etwa "das <a>-Element, welches ein Nachfahrenelement eines anderen <a>-Elements mit der Klasse 'page-header' ist", anstatt "das <a>-Element, welches der Nachfahre eines Elements mit der Klasse 'page-header' ist". Wie Du weißt, dürfen <a>-Elemente nicht verschachtelt werden. Daher hat dieser Selektor gemäß der Spezifikation keinen Sinn!

Kommst Du nun selbst drauf?

Liebe Grüße,

Felix Riesterer.