Diskuze: Zrušení Class v html

V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity

Maros2470

Člen

Maros2470:1.8.2017 8:32

Zdravím, potřeboval bych poradit, jakým způsobem zruším definovaný Class u určitých položek v menu.
Mám v menu textové odkazy a ve dvou případech jsou to obrázky. U obrázků bych potřeboval zrušit dříve definovaný Class.

<nav>
                                <ul>
                                        <li class="aktivni"><a href="index.html">Domů</a></li>
                                        <li><a href="cenik.html">Ceník</a></li>
                                        <li><a href="kontakt.html">Kontakt</a></li>
          <li><a href="zakaznici.html">Zákaznická sekce</a></li>
          <li><a href="mailto:[email protected]"><img src="grafika/email.png"></a></li>
          <li><a href="https://www.facebook.com/Marek-%C5%A0im%C4%8D%C3%ADk-eli-elektro-1441303856084914/?fref=ts" target="blank"><img src="grafika/facebook.png"></a></li>
                                </ul>
                        </nav>

nav ul li:hover, .aktivni {
        background: blue;
        box-shadow: 10px 0px 5px black;
  color: blue;
}

Jedná se o ten hover.
Díky za radu..

Odpovědět

1.8.2017 8:32

Honza Bittner

Tvůrce

Honza Bittner:1.8.2017 8:43

No, prostě si udělej třídu na položku, kterou chceš upravovat při hoveru?

.textova-polozka:hover, .aktivni { ... }

Editováno 1.8.2017 8:43

Nahoru Odpovědět

1.8.2017 8:43

FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.

Maros2470

Člen

Maros2470:1.8.2017 9:03

Já potřebuji, aby u těch obrázků u hoveru nefungovalo to nastavení u předchozích odkazů.
Css je takto:

nav ul {
        margin: 0px;
        list-style-type: none;
}

nav ul li {
        float: left;
        padding: 0px 25px;
        margin: 30px 5px;
        font-size: 14px;
  font-weight: bolder;
        height: 25px;
        line-height: 1.8em;
}

Nahoru Odpovědět

1.8.2017 9:03

Maros2470

Člen

Maros2470:1.8.2017 9:04

Ještě ten hover[

code]
nav ul li:hover, .aktivni {
background: -webkit-linear-gradient(bottom, blue, aqua);
background: -o-linear-gradient(bottom, blue, aqua);
background: -moz-linear-gradient(bottom, blue, aqua);
background: -ms-linear-gradient(bottom, blue, aqua);
background: linear-gradient(bottom, blue, aqua);
box-shadow: 10px 0px 5px black;
color: blue;
}
[/code]

Nahoru Odpovědět

1.8.2017 9:04

Maros2470

Člen

Maros2470:1.8.2017 9:10

Vyřešil jsem to jinak, ale i tak díky.

Nahoru Odpovědět

1.8.2017 9:10

Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 5 zpráv z 5.

Nejčastěji vyhledáváné

Diskuze: Zrušení Class v html