» Poradna » Web a internet

Web css podle url

 |   |  Android Chrome 66.0

Mám webové stránky s jedním externím css stylem a strukturu dělám klasicky pomocí div boxů... Řeším ale problém, že na jedné konrétní podstránce potřebuji jeden box (tedy jeden div) schovat, zneviditelnit a nemůžu použít druhý css soubor. Nevíte tedy někdo jak v css podmínit něco konkrétní adresou url? Třeba podobně jak se v css podmiňuje pomocí @media screen atd.

Odpovědi na otázku

avatar
 | Microsoft Windows 7 Chrome 66.0.3359.181

CSS definuje zobrazení a má možnost jiné definice pro zobrazovací zařízení (monitor, tiskárna, atp) o adrese v prohlížeči nic neví, nemá žádnou rozhodovací možnost.Toho můžete ale docílit třeba javascriptem. Přečíst si URL a na základě toho se rozhodnout a ten div schovat, pokud si někdo JS vypne tak to fungovat nebude. Dokážu si představit třeba i nastavení na serveru, kdy se nastaví nějaká condition (byla zadána konkrétní url) bude prohlížeči vrácený jiný CSS soubor. Tady může ale dělat problém cache prohlížeče.Nejjistější bude daný DIV pro danou stránku vůbec nemít v HTML kódu, tzn řešit to skriptováním na straně serveru

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 10 Chrome 66.0.3359.181

co použit selectory? https://www.w3schools.com/cssref/css_selectors.aspdá se s tím lehce pohrát

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 10 Chrome 66.0.3359.181

nejlepší by stejně bylo vytvořitv css třídu .hidden { display:none;}a na té podstránce přidat divu třídu<div class="hidden">Nějaký obsah</div>

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Android Chrome 66.0

Vyřešil jsem to tak, že jsem na konkrétní web stranu dal do html css zápis pro daný div s display: none; což přerazí styl načtený externě. Snad to ničemu nevadí.

Souhlasím  |  Nesouhlasím  |  Odpovědět




Určitě si přečtěte

USB-C už mělo být všude, ale není. Tak kde to vázne?

USB-C už mělo být všude, ale není. Tak kde to vázne?

** Konektor USB-C byl představen už před čtyřmi roky ** Praktické univesrzální rozhraní však stále není rozšířeno ** Výrobcům hardwaru se do změny moc nechce

David Polesný, Vladislav Kluska | 87

Takhle zemřete, když asteroid dopadne na vaše město

Takhle zemřete, když asteroid dopadne na vaše město

** Jak by to dopadlo, kdyby na světovou metropoli či do nedalekého moře dopadl velký asteroid? ** Simulovali to odborníci z University of Southampton ** Výsledky jsou velmi zajímavé

Petr Kubala | 32

Budoucnost elektroniky: čeští vědci stojí za revolučním čipem, který nemá ve světě obdoby

Budoucnost elektroniky: čeští vědci stojí za revolučním čipem, který nemá ve světě obdoby

** Čeští vědci pod vedením Tomáše Jungwirtha vyvíjí nový typ revolučního paměťového čipu ** Zatímco v současnosti elektronika pracuje s elektrony, v budoucnu to budou spiny elektronů ** Čipy budou moci být klidně i 1 000x rychlejší a úspornější

Karel Javůrek | 32

Portál občana už funguje. Na státní web vypadá až překvapivě použitelně

Portál občana už funguje. Na státní web vypadá až překvapivě použitelně

** Portál občana už funguje, vyřídíte na něm první požadavky ** Funkce se budou postupně rozšiřovat ** Web je docela moderní a přehledný

David Polesný | 66


Jízdní řády Bileto
Aktuální číslo časopisu Computer

Jak mobily určují svoji polohu?

Velký test notebooků pro studenty

Nejlepší reproduktory na párty

Služby a aplikace pro výuku angličtiny