Miért nem aktív ál-nyomva külön menüpontban

  • CSS
  • WordPress

A kihívás -, hogy cserélje ki a szöveget a grafikus gomb a menüben.
CMS - wordpress. Sablon gyümölcsöző.
A Megjelenés - menüben minden menüpont van rendelve osztályban. Tegyük menü-1.
A sablon beállítások css van egy rész, ahol lehet regisztrálni a beállításokat.
Itt látható a CSS kódot változtatni a stílusát az egyes menüpontok:


Minden működik, kivéve az aktív! (

A style.css egy osztály, amely felelős az általános stílus és valószínűleg ellentétes \ felülbírálja aktív:


Nos vezető és az örök kérdés - mi a teendő ??

Ui a css és php még nem erős, csak a tanulás, ezért kérje.
Köszönöm, remélem, hogy segítsen.

UPD:
Közel egy megoldás:
.Fő navigációs ul .menu-1.current-menü-tétel egy

De van egy hátránya - ha a gomb három állam, és az aktív, ha mozog a látható állapotban a két - és az aktív és lebeg.

A CSS-ben van kapcsolat van 4 ál:

a: link - style alapértelmezett hivatkozások;
Egy: meglátogatott - meglátogatott linkek stílusa;
a: hover - style linkeket, ha lebeg a kurzort;
Egy: aktív - style referenciák kikapcsolt állapotban, azaz addig, amíg lenyomva tartja =) ..

Ahhoz, hogy jelölje ki az aktuális oldal menü stílusok regisztrálni kell az osztály:

Fő navigációs ul li.current-menü-tétel egy

Ez egyenesen 4? Ez a 4. és az összes?)) Azt szeretné, hogy olvassa el a leírás.

És a: focus - szomorú, hogy még nem látta, mert az emberek használják, hogy navigálni a billentyűzetet. Elképesztő, nem igaz?

bugbucket, megértem, ha meg a stílus .main navigációs ul li.current-menü-tétel egy akkor újra kell osztani, vagy meg kell dolgozni aktuális menü-tétel, és akkor külön fel stílusát
.menü-1.current-menü-tétel, menü-2.current-menü-tétel, és így tovább.

Kapcsolódó cikkek