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


Zobrazeno 13 zpráv z 13.
K personalizaci obsahu a reklam, poskytování funkcí sociálních médií a analýze naší návštěvnosti využíváme soubory cookie. Informace o tom, jak náš web používáte, sdílíme se svými partnery pro sociální média, inzerci a analýzy. Partneři tyto údaje mohou zkombinovat s dalšími informacemi, které jste jim poskytli nebo které získali v důsledku toho, že používáte jejich služby.
Používáme nezbytné cookies pro fungování webu a s tvým souhlasem také analytické a marketingové cookies.
Zajišťují základní funkce, bezpečnost a služby, které sis vyžádal. Nelze je vypnout.
| Služba | Poskytovatel | Účel | Cookies a úložiště | Doba uložení |
|---|---|---|---|---|
| ITnetwork | ITnetwork | Provoz webu, relace, přihlášení a uložení nastavení cookies. | PHPSESSID, auth_token, sid, itn_consent_impression, __Host-itn_consent | Relace až 1 rok |
| Google Tag Manager | Správa značek a načítání měřicích nástrojů webu. | Žádné | Neukládá se | |
| Google Fonts | Načítání typografie webu. | Úložiště řízené poskytovatelem | Dle podmínek poskytovatele | |
| Google Hosted Libraries | Načítání potřebných knihoven a stylů webu. | Úložiště řízené poskytovatelem | Dle podmínek poskytovatele | |
| Google reCAPTCHA | Ochrana formulářů a webu před zneužitím. | _GRECAPTCHA, rc::a, rc::b, rc::c, rc::f | Relace až 180 dní | |
| YouTube | Přehrávání vloženého video obsahu. | localStorage, IndexedDB; cookies after playback interaction | Relace až trvalé úložiště | |
| Vimeo | Vimeo | Přehrávání vloženého video obsahu. | __cf_bm, _cfuvid, vuid, localStorage, IndexedDB | Relace až 2 roky |
| Facebook Login | Meta | Přihlášení pomocí účtu třetí strany. | Úložiště řízené poskytovatelem | Relace až 1 rok |
| GoPay | GoPay | Zpracování uživatelem vyžádané platby. | Úložiště řízené poskytovatelem | Dle podmínek poskytovatele |
Pomáhají nám porozumět používání webu a zlepšovat ho.
| Služba | Poskytovatel | Účel | Cookies a úložiště | Doba uložení |
|---|---|---|---|---|
| Google Analytics 4 | Měření návštěvnosti a používání webu. | _ga, _ga_* | Až 2 roky | |
| Microsoft Clarity | Microsoft | Měření návštěvnosti a používání webu. | _clck, _clsk, _cltk | Relace až 1 rok |
Slouží k měření kampaní, personalizaci reklamy a marketingové komunikaci.
| Služba | Poskytovatel | Účel | Cookies a úložiště | Doba uložení |
|---|---|---|---|---|
| Google Ads | Měření kampaní, reklama a remarketing. | _gcl_au, _gcl_ls | Relace až 90 dní | |
| Meta Pixel | Meta | Měření kampaní, reklama a remarketing. | _fbp, _fbc, localStorage | Až 90 dní |
| Sklik | Seznam.cz | Měření kampaní, reklama a remarketing. | retargeting, sid, szn:* | Relace až trvalé úložiště |
| LinkedIn Insight | Měření kampaní, reklama a remarketing. | bcookie, li_gc, lidc, __cf_bm | Relace až 1 rok | |
| Ecomail | Ecomail.cz | Měření kampaní, reklama a remarketing. | ecmid, Úložiště řízené poskytovatelem | Dle podmínek poskytovatele |
| Atribuce kampaní ITnetwork | ITnetwork | Přiřazení návštěvy a objednávky ke kampani. | campaign_clid[*], user_session_context | Až 1 rok |
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.


není to potomek?
Mě to v Chromiu zešediví (v prohlížeči CSS) a hodí to místo toho přívlastek pre. (Ale jako chybu to nebere.)
E > F by vlastně mělo ostylovat F, pokud je E přímým potomkem. Jak to ale dopadlo s podporou netuším.
To tu vůbec neřeším. Není to "vlastně mělo", ale tak to je. Viz. má první věta: "Znám a používám > pro určení stylu rodiče." Tedy > se hodí, když chcete třeba stylovat ul, ale neaplikovat to na jeho li...
Operátor < ostyluje prvek nalevo, jakliže obsahuje prvek na pravé straně.
p < img { color: red }
Když bude p obsahovat obrázek, tak bude mít i červený text. Nevím jak to funguje v praxi, ale mělo by.
To se hodí - děkuji.
Edit:
pravda - pardon, myslel jsem to takto:
nav ul li ul - CSS nav > ul nevezme ul v li...
Jo, napsal jsem to blbě, pospíchal jsem.
E < F
Ostyluje E, pokud je F přímým potomkem. Je to parent selector, ale jak jsem psal, netuším jak je to s podporou.
http://css-tricks.com/…tors-in-css/
http://remysharp.com/…nt-selector/
Děkuji za odkazy - dost mi to zjednoduší život. CSS je velice zvláštní
věc. Každý den se dozvídám něco nového...
To se tak rychle vyvíjí, nebo
není dobře zdokumentované, či snad ...?
Existuje responsivní vyjádření pro neexistenci v prohlížeči? (takovýchto operátorů) Něco jako media screen...
Ale houby, CSS je naprosto normální, dobře zdokumentované (ostatně
schválně jestli víš kde ta dokumentace vůbec je
). Media screen je správně media
queries a prohlížeči co to neumí zpracovat se říká zastaralý
prohlížeč. Nic z toho rozhodně není chyba CSS.
Budou to umět všechny prohlížeče s podporou css level 4.
Neznám W3C. Nepoužívám nadsázku. Neptám se jasně - nechtěl jsem vědět jak řešit nepodporu speciálních operátorů atd. (Spolehnu-li se na nespolehlivý selektor, nebude to pak OK - jak se pojistit...)
Existuje web caniuse.com, tam máš vždycky podporu čehokoli z webdesignu.
Zobrazeno 13 zpráv z 13.