CSS parancsoknál mi a különbség a kettő között?
Például van egy class="a" és class="b" a HTML kódban.
Mi a különbség, ha így adom meg őket CSS-ben:
.a .b{}
.a, .b{}
.a + .b{}
válasza:Google hasznalatat mindenkeppen erdemes elsajatitani, ha ezzel a terulettel szeretnel foglalkozni.
válasza:.a .b{}
Ez a descendant selector, az összes olyan "b" osztályú elemre érvényes, amelyik "a" leszármazottja.
.a, .b{}
Ez csak simán érvényes minden "a" és "b" osztályú elemekre, függetlenül a köztük lévő kapcsolattól.
.a + .b{}
Ez a sibling selector, az összes "b" osztályú elemre érvényes, amelyik "a" osztályú elem "testvére", tehát a DOM fában egy szinten van vele.
CSS-ben nincsenek parancsok.
válasza:#3
Technikailag, ezek CSS parancsok: [link]
válasza:.a .b{}
ez a szabály olyan "b" classú elemekre fog vonatkozni, amik ősei közt található "a" classú elem is. nem kell hogy közvetlen szülő legyen. pl:
<body class="a"><div class="akarmi"><p class="b">ERRE IGEN</p></div></body>
de nem vonatkozik olyan elemekre ahol a szülők között nincs "a" classú elem. pl:
<body><p class="a"></p><p class="b">ERRE NEM</p></body>
.a, .b{}
olyan elemekre vonatkozik, amik vagy "a" vagy "b" classal rendelkeznek. pl:
<body><p class="a">ERRE IGEN</p><p class="b">ERRE IGEN</p></body>
.a + .b{}
olyan "b" classú elemre vonatkozik ami egy "a" classú elem után áll közvetlenül, azaz nincs közötte másik elem. pl:
<body><p class="a"></p><p class="b">ERRE IGEN</p></body>
de ha van közöttük másik elem, akkor már nem működik:
<body><p class="a"></p><p class="valami"></p><p class="b">ERRE NEM</p></body>
További kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!