Ik heb een code die automatisch gegenereerd is en om heel eerlijk te zijn ben ik pas net weer begonnen na 2 jaar geen css meer geschreven te hebben. De class bevat nu zoveel woorden, ik weet niet welke werkt.
De [CURRENT MENU] en [CURRENT PAGE] wil ik in css gaan stylen, maar hoe moet ik dan beginnen met class. Ik dacht eerst dit hieronder, maar dat maakt current menu al ALLE submenu items dikgedrukt:
div#dynamicsubpagewidget-2 ul.menu li.current-menu-parent a:link{font-weight: bold;}
Dit is de HTML
<div id="dynamicsubpagewidget-2" class="widget dynamicSubpageWidget">
<div class="widget-title">
<h3><a href='titel.html'>titel</a></h3>
</div>
<ul id='dsp-widget' class='menu'>
<li class="page_item page-item-132">
<a href="menu.html">menu item</a>
</li><li class="page_item page-item-154">
<a href="menu.html">menu item</a>
</li><li class="page_item page-item-156">
<a href="menu.html">menu item</a>
</li><li class="page_item page-item-161">
<a href="menu.html">menu item</a>
</li><li class="page_item page-item-163">
<a href="menu.html">menu item</a>
</li><li class="page_item page-item-165">
<a href="menu.html">menu item</a>
</li><li class="page_item page-item-172">
<a href="menu.html">menu item</a>
</li><li class="page_item page-item-174 current-page-ancestor current-menu-ancestor current_page_ancestor current-menu-parent current-page-parent current_page_parent">
<a href="current.html">[CURRENT MENU]</a>
<ul class='sub-menu'>
<li class="page_item page-item-176">
<a href="menu.html">menu item</a>
</li><li class="page_item page-item-178 current-menu-item current_page_item">
<a href="current.html">[CURRENT PAGE]</a>
</li><li class="page_item page-item-180">
<a href="menu.html">menu item</a>
</li>
</ul>
</li><li class="page_item page-item-182">
<a href="menu.html">menu item</a>
</li><li class="page_item page-item-337">
<a href="menu.html">menu item</a>
</li></ul>
</div>
De [CURRENT MENU] en [CURRENT PAGE] wil ik in css gaan stylen, maar hoe moet ik dan beginnen met class. Ik dacht eerst dit hieronder, maar dat maakt current menu al ALLE submenu items dikgedrukt:
div#dynamicsubpagewidget-2 ul.menu li.current-menu-parent a:link{font-weight: bold;}
Dit is de HTML
<div id="dynamicsubpagewidget-2" class="widget dynamicSubpageWidget">
<div class="widget-title">
<h3><a href='titel.html'>titel</a></h3>
</div>
<ul id='dsp-widget' class='menu'>
<li class="page_item page-item-132">
<a href="menu.html">menu item</a>
</li><li class="page_item page-item-154">
<a href="menu.html">menu item</a>
</li><li class="page_item page-item-156">
<a href="menu.html">menu item</a>
</li><li class="page_item page-item-161">
<a href="menu.html">menu item</a>
</li><li class="page_item page-item-163">
<a href="menu.html">menu item</a>
</li><li class="page_item page-item-165">
<a href="menu.html">menu item</a>
</li><li class="page_item page-item-172">
<a href="menu.html">menu item</a>
</li><li class="page_item page-item-174 current-page-ancestor current-menu-ancestor current_page_ancestor current-menu-parent current-page-parent current_page_parent">
<a href="current.html">[CURRENT MENU]</a>
<ul class='sub-menu'>
<li class="page_item page-item-176">
<a href="menu.html">menu item</a>
</li><li class="page_item page-item-178 current-menu-item current_page_item">
<a href="current.html">[CURRENT PAGE]</a>
</li><li class="page_item page-item-180">
<a href="menu.html">menu item</a>
</li>
</ul>
</li><li class="page_item page-item-182">
<a href="menu.html">menu item</a>
</li><li class="page_item page-item-337">
<a href="menu.html">menu item</a>
</li></ul>
</div>