Diskusia – 2. diel - CSS 3 selektory

Späť

Upozorňujeme, že diskusie pod našimi online kurzami sú nemoderované a primárne slúžia na získavanie spätnej väzby pre budúce vylepšenie kurzov. Pre študentov našich rekvalifikačných kurzov ponúkame možnosť priameho kontaktu s lektormi a študijným referentom pre osobné konzultácie a podporu v rámci ich štúdia. Toto je exkluzívna služba, ktorá zaisťuje kvalitnú a cielenú pomoc v prípade akýchkoľvek otázok alebo projektov.

Komentáre

micmar

Člen

micmar:21.7.2020 9:27

Ďakujem za super vysvetlenie :-)

Odpovedať

21.7.2020 9:27

Yuriy Tretyachenko

Člen

Yuriy Tretyachenko:18.2.2021 5:14

V kodu

div :first-child {
   color: red;
}

asi chybi p

div p:first-child {
   color: red;
}

Editované 18.2.2021 5:16

Odpovedať

18.2.2021 5:14

Jiří Kofránek doc. MUDr.

Člen

Jiří Kofránek doc. MUDr. :29.10.2021 14:26

Ne, nechybí.

div :first-child {
   color: red;
}

označuje prvního potomka jakéhokoliv typu. Prvním potomkem značky (tagu) div v části html kódu:

<div>
    <p>První odstavec.</p>
    <p>Druhý odstavec.</p>
    <p>Třetí odstavec.</p>
    <p>Čtvrtý odstavec.</p>
</div>

je <p>První odstavec</p>, proto se obarví.

Zkus změnit html kód na:

<div>
    <div>
        <p>První odstavec.</p>
        <p>Druhý odstavec.</p>
        <p>Třetí odstavec.</p>
        <p>Čtvrtý odstavec.</p>
    </div>
</div>

pak bude prvním potomkem kořenového <div> vložený následující <div> se čtyřmi značkami (tagy) <p>. Proto se obarví všechny čtyři odstavce (protože jsou součástí prvního potomka <div> s vloženými čtyřmi odstavci).

Odpovedať

29.10.2021 14:26

Bohuslav Labaj

Člen

Bohuslav Labaj:17.2.2022 13:04

Prioritu identifikátoru v sekci Identifikátor by lépe demonstroval styl, kde by byl uveden ve stylovém souboru jako první identifikátor a za ním teprve selektor třídy.

#cervena {
   color: red;
}:
.zelena {
   color: green;
}
.tucne {
   font-weight: bold;
}

Z něj by byla vidět priorita nastavení barvy pomocí id na červenou před nastavením pomocí class na zelenou, i když je zelená barva deklarována v souboru css později.

Odpovedať

17.2.2022 13:04

Jan Roubíček

Člen

Jan Roubíček:29.7.2023 18:32

U pseudotříd by místo "najde první element daného typu" mělo být "najde prvního potomka (vnořený element) elementu daného typu". Obdobně také u n-tého potomka.

Odpovedať

29.7.2023 18:32

Radim Galíček

Člen

Radim Galíček:19.10.2023 7:55

zdravím,

běžný zápis chápu, tj.

.nazev-tridy {
vlastnost: hodnota;
}

ale co když je zápis v tomto formátu?

.menu > ul {list-style-type: none;......}
nebo
#menu1 > ul {list-style-type: square; .....}
Co znamená znaménko ">" ?

Odpovedať

19.10.2023 7:55

Naučíme ťa pracovať na home-office.

Zistiť viac...

Robíme čo je v našich silách, aby bola tunajšia diskusia čo najkvalitnejšia. Preto do nej tiež môžu prispievať len registrovaní členovia. Pre zapojenie sa do diskusie sa zaloguj. Ak ešte nemáš účet, zaregistruj sa, je to zadarmo.

Zatiaľ nikto nevložil komentár - buď prvý!

Najčastejšie vyhľadávané

Diskusia – 2. diel - CSS 3 selektory