Mijn menu bestaat uit een ul met li’s:<\/p>\n
<div class="topnavigationgroup">\n<div class="menu"><ul><li class="page_item page-item-25 current_page_item"><a href="http:\/\/localhost\/">home<\/a><\/li><li class="page_item page-item-18"><a href="http:\/\/localhost\/?page_id=18">contact<\/a><\/li><li class="page_item page-item-21"><a href="http:\/\/localhost\/?page_id=21">login<\/a><\/li><\/ul><\/div><\/div><\/code><\/pre>\n(ingekort met een aantal li’s)
\n.current_page_item {
\n\tbackground-color: #0C0;
\n}<\/p>\n
werkt als verwacht, maar<\/p>\n
.page_item a:hover {
\n\tbackground-color: #F5DC32;
\n\tcolor:#333;
\n}<\/p>\n
verandert alleen de kleur onder de tekst, niet het hele item.<\/p>\n
.topnavigationgroup ul li a levert hetzelfde resultaat.<\/p>\n
Vraag:
\n1) hoe krijg ik de kleur on hover etc. ovet het hele item?
\n2) ik begrijp niet wanneer ik een kenmerk op page_item moet zetten en wanneer op .topnavigationgroup ul li <\/p>\n
Kan iemand me helpen?<\/p>\n
(ik kan de site niet live laten zien, want ik werk op een lokaal servertje)<\/p>\n","protected":false},"template":"","class_list":["post-31853","topic","type-topic","status-closed","hentry","topic-tag-achtergrond","topic-tag-menu-item"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/nl.wordpress.org\/support\/wp-json\/wp\/v2\/topic\/31853","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nl.wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/nl.wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":0,"href":"https:\/\/nl.wordpress.org\/support\/wp-json\/wp\/v2\/topic\/31853\/revisions"}],"wp:attachment":[{"href":"https:\/\/nl.wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=31853"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}