Псевдоэлементтер және псевдоэлементтік селекторлар | Baamboozle - Baamboozle

::first-letter арқылы не істеуге болады?

Абзацтың бірінші әрпін үлкейту немесе бояу.

Oops!

Check

Okay!

Check

Өз ойыңша, псевдоэлементтер веб-дизайнды қалай жақсартады?

Қосымша көркемдік, ерекше стиль, дизайндық әсемдік береді.

Oops!

Check

Okay!

Check

heart

Other team wins 5 points!

Oops!

seesaw

Swap points!

Okay!

shark

Other team loses 10 points!

Okay!

thief

Give points!

Псевдоэлемент деген не?

Бұл элементтің нақты HTML-де жоқ, бірақ қосымша көрініс беретін бөлігі.

Oops!

Check

Okay!

Check

banana

Go to last place!

Oops!

star

Double points!

Okay!

shark

Other team loses 10 points!

Okay!

baam

Lose 5 points!

Oops!

thief

Give points!

magnet

Take 20 points!

Okay!

rocket

Go to first place!

Okay!

lifesaver

Give 25 points!

Oops!

trap

No points!

Oops!

fairy

Take points!

rocket

Go to first place!

Okay!

banana

Go to last place!

Oops!

Псевдоэлементті қолданудың мысалын ата

p::after { content: "💡"; }

Oops!

Check

Okay!

Check

Псевдоэлементтердің негізгі түрлерін ата.

::before, ::after, ::first-letter, ::first-line, ::selection.

Oops!

Check

Okay!

Check

Псевдоэлементті қай жерде қолданған дұрыс?

Тақырыптарда, абзац басында, дизайн элементтерінде.

Oops!

Check

Okay!

Check

Псевдоэлемент пен псевдосынып айырмашылығы неде?

Псевдосынып — күйді сипаттайды (:hover), ал псевдоэлемент — контент бөлігін.

Oops!

Check

Okay!

Check

::before және ::after не үшін қолданылады?

Контенттің алдына немесе артына қосымша белгі, сурет не мәтін қою үшін.

Oops!

Check

Okay!

Check

::selection не үшін қажет?

Мәтінді таңдағанда (мысалы, тышқанмен белгілеу кезінде) түсін өзгерту үшін.

Oops!

Check

Okay!

Check

Өз ойыңша, псевдоэлементтерсіз сайт дизайны қандай болар еді?

Қарапайым әрі көрінісі аз қызықты болар еді.

Oops!

Check

Okay!

Check

Restart Join for Free

Your experience on this site will be improved by allowing cookies.