Ich bekomme es irgendwie nicht hin, meine ersten Gehversuche in CSS beschäftigen mich mit der Seitenleiste. Ich versuche folgende Seitenleiste in meinem Theme zu modellieren, https://www.uni-hamburg.de/internationales.html.
Der HTML Code sieht wie folgt aus
HTML
<aside id="nav_menu-4" class="widget widget_nav_menu"><div class="menu-menue-hapkido-container">
<ul id="menu-menue-hapkido" class="menu">
<li id="menu-item-87" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-9 current_page_item menu-item-has-children menu-item-87">
<a href="http://MyHomepage.de/?page_id=9">Shin Jeon Hapkido</a>
<ul class="sub-menu">
<li id="menu-item-142" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-142"><a href="http://MyHomepage.de/?page_id=140">Eins</a></li>
<li id="menu-item-114" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-114"><a href="http://MyHomepage.de/?page_id=104">Zwei</a></li>
<li id="menu-item-113" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-113"><a href="http://MyHomepage.de/?page_id=106">Drei</a></li>
<li id="menu-item-112" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-112"><a href="http://MyHomepage.de/?page_id=110">Vier</a></li>
</ul>
</li>
</ul></div></aside>Jetzt dachte ich mir ich könnte wie folgt die Formatierung übernehmen? Aber es wirkt sich irgendwie nicht auf den Linktext aus, schreibe ich Text mit contend: davor, so ändert dieser seine Farbe. Kann mir jemand sagen was ich falsch mache? Den Link zur Homepage kann ich leider noch nicht veröffentlichen.
Code
[COLOR=#333333]/* CSS Part */[/COLOR]
[COLOR=#333333].widget li::before {[/COLOR]
[COLOR=#333333]width: 0;[/COLOR]
[COLOR=#333333]height: 0;[/COLOR]
[COLOR=#333333]}[/COLOR]
[COLOR=#333333].widget a:before,[/COLOR]
[COLOR=#333333]a:link {[/COLOR]
[COLOR=#333333]color: red;[/COLOR]
[COLOR=#333333]text-decoration: none;[/COLOR]
[COLOR=#333333]font-weight: bold;[/COLOR]
[COLOR=#333333]}[/COLOR]
[COLOR=#333333].widget a:before, [/COLOR]
[COLOR=#333333]a:visited {[/COLOR]
[COLOR=#333333]color: green;[/COLOR]
[COLOR=#333333]text-decoration: none;[/COLOR]
[COLOR=#333333]font-weight:bold;[/COLOR]
[COLOR=#333333]}[/COLOR]
[COLOR=#333333].widget a:before, [/COLOR]
[COLOR=#333333]a:focus {[/COLOR]
[COLOR=#333333]color: white;[/COLOR]
[COLOR=#333333]text-decoration: underline;[/COLOR]
[COLOR=#333333]}[/COLOR]
[COLOR=#333333].widget a:before, [/COLOR]
[COLOR=#333333]a:hover {[/COLOR]
[COLOR=#333333]color: blue;[/COLOR]
[COLOR=#333333]text-decoration: underline;[/COLOR]
[COLOR=#333333]}[/COLOR]
[COLOR=#333333].widget a:before, [/COLOR]
[COLOR=#333333]a:active {[/COLOR]
[COLOR=#333333]color: yellow;[/COLOR]
[COLOR=#333333]text-decoration: underline;[/COLOR]
[COLOR=#333333]}[/COLOR]