» 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

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

22 užitečných rozšíření pro Chrome: Naučte prohlížeč nové věci

22 užitečných rozšíření pro Chrome: Naučte prohlížeč nové věci

** Prohlížeč Chrome obsahuje širokou škálu funkcí, neumí ale všechno ** Jeho schopnosti můžete rozšířit pomocí rozšíření ** Vybrali jsme pro vás zajímavé a užitečné doplňky

Karel Kilián | 16

Tohle tak jednou zažít: Nová vzducholoď Airlander 10 s prosklenou podlahou

Tohle tak jednou zažít: Nová vzducholoď Airlander 10 s prosklenou podlahou

** Airlander 10 nabídne plavby vzduchem v interiéru s prosklenou podlahou ** Luxusní vzducholoď byla původně vyvíjena pro vojenské účely ** Počítá se s třídenními „kochacími“ výlety za poznáním

Karel Kilián | 7