De ce pseudo-clasa activă nu funcționează pentru un element de meniu cu un singur clic

  • CSS
  • WordPress

Sarcina este de a înlocui textul din meniu cu butoane grafice.
CMS - wordpress. Felul fructuos.
În secțiunea de meniu Aspect - fiecare meniu a atribuit o clasă. Să presupunem meniul-1.
În setările șablonului există o secțiune CSS unde puteți să vă prescrisi setările.
Iată codul css pentru a schimba stilul unui element de meniu individual:


Totul funcționează, cu excepția activelor! (

În stil.css există o clasă care este responsabilă pentru stilul general și probabil conflicte \ active suprapuse:


Întrebarea principală și veșnică - ce să fac?

P.S. în css și php nu este încă puternică, doar studiez, de aceea vă întreb.
Mulțumesc, sper pentru ajutor.

UPD:
Există aproape o soluție:
.navigarea principală ul .menu-1.current-meniu-element a

Dar aici este un minus - dacă butonul are trei stări și este activ, atunci când plasați cursorul este vizibil atât starea - atât activă, cât și când treceți.

În CSS, link-urile au 4 pseudo-clase:

a: link - stil de legătură implicit;
a: vizitat - stilul legăturilor vizitate;
a: hover - stilul legăturii când se hovering;
a: activă - stilul legăturii în starea presată, adică în timp ce apăsați și țineți apăsat =)

Pentru a selecta elementul de meniu al paginii curente, trebuie să atribuiți stiluri pentru clasă:

navigare principală ul li.current-menu-item a

Așa e 4? Este 4 și asta e?)) Trebuie să citiți specificația.

Și despre: focalizare - trist că nu ați văzut niciodată, deoarece oamenii folosesc pentru a naviga pe tastatură. E uimitor, nu-i așa?

bugbucket, cât de mult am înțeles dacă a seta stilul pentru ultima navigare ul.lib-li-item-ul și că va fi din nou general sau este necesar ca elementul de meniu curent să funcționeze și apoi va fi posibil să specificați stilul separat pentru
.meniu-1. curent - meniu - element, meniu - 2. curent - meniu - element și așa mai departe.

Articole similare