Stylování jednotlivých části stránky

ideasro

(19 hodnocení)

25. 5. 2021 12:44:41

Ahoj, když mám na stránce prvky, které se opakují na více místech stránky ale potřebuji je rozdělit.

Protože jak u jednoho změním barvu např na bílou, změní se i na těch ostatních místech kde nechci.

Proto se ptám co na toto nejlépe využít.

Příklad: na hlavní stránce je tlačítko kde je text bílý

Jak zde dám jinou barvu změní se to písmo na tlačítku i na dalších stránkách.

To znamená, že bude jej nějak oddělit např. třídou, identifikátorem, co je nejlepší ?

Neexistuje kromě toho nějaký doplněk do prohlížeče, že bych jen nakliknul a vytvořilo mi to už třídu apod. jen bych si měnil atributy ? Vím jen o Stylebot, Chropath. Díky

25. 5. 2021 12:44:41

https://webtrh.cz/diskuse/stylovani-jednotlivych-casti-stranky/#reply1484789

Josef Kožmín

(11 hodnocení)

25. 5. 2021 13:23:43

Vytvoř si třídu, která bude obsahovat neměnné hodnoty a potom další třídu například pro barvy...

25. 5. 2021 13:23:43

https://webtrh.cz/diskuse/stylovani-jednotlivych-casti-stranky/#reply1484788

ideasro

(19 hodnocení)

25. 5. 2021 13:42:29

Aha fajn.. a příklad ?

25. 5. 2021 13:42:29

https://webtrh.cz/diskuse/stylovani-jednotlivych-casti-stranky/#reply1484787

Macejko.sk

(5 hodnocení)

25. 5. 2021 13:56:37

https://webtrh.cz/diskuse/stylovani-jednotlivych-casti-stranky/#reply1484786

skorozacatecnik

25. 5. 2021 14:03:09

Základ pro třídy barev:

.Button-label { color: #ffffff; ... další základní styly ... }

.Button-label.Red { color: #ff0000 !important; }

.Button-label.Blue { color: #0000ff !important; }

white text

red text

blue text

Vysvětlení css tříd:

Třídy a identifikátory v CSS

Pokud nelze zasahovat do kódu HTML (měnit třídy elementů), je třeba měnit barvu (CSS) labelu v závislosti na elementech a selektorech nadřazených prvků. Například body bude mít třídu "HP" a na ní bude vázaná barva labelů pro HomePage, ostatní stránky budou mít defaultní barvu labelu:

.Button-label { color: #ffffff; }

.HP .Button-label { color: #00ff00 !important; }

!important by nemuselo být potřeba, pokud se vyberou správně selektory a elementy (viz priority CSS).

25. 5. 2021 14:03:09

https://webtrh.cz/diskuse/stylovani-jednotlivych-casti-stranky/#reply1484785

ideasro

(19 hodnocení)

25. 5. 2021 15:28:51

Děkuji mockrát, vyzkouším vše. A tak jak píšete, zasahovat do kódu nemohu, mohu měnit jen pomocí CSS.

25. 5. 2021 15:28:51

https://webtrh.cz/diskuse/stylovani-jednotlivych-casti-stranky/#reply1484784

Sam