Намудҳои CSS Attribute Selector - Semalt Expert

Унсури HTML аз як синф, ID ва атрибутҳо иборат аст. Интихобкунандаи сифат унсурҳои HTMLро, ки дорои хусусият ё арзиши атрибут мебошанд, интихоб мекунад. Интихобкунандагони сифат усули оддии истифодаи услубро дар унсурҳои HTML бо арзиши хос ё хусусияти алоҳида пешниҳод мекунанд. Интихобкунандагони ҳатмӣ бо ду қутти мураббаъ муайян карда мешаванд, ки атрибутро бо арзиши он зам менамояд. Бо вуҷуди ин, шумо метавонед интихобкунандаи як навъи унсурҳоро пеш аз он гузоред. Selector CSS [атрибут] қоидаҳои услубро ба элемент татбиқ мекунад, агар он аз як хусусияти додашуда бошад.

Намудҳои интихобкунандагони сифат

Намудҳои гуногуни интихобкунандагони сифат мавҷуданд, ки ҳар яке аз онҳо барои ҳолатҳои ҷудогона истифода мешавад:

CSS [attribute | = "value"] Селектор унсурҳои дорои хусусияти хосро қайд мекунад ва он аз арзиши муайяншуда сар мешавад.

CSS [attribute ~ = "value"] Селектор барои ёфтани унсурҳо бо арзиши моликияти дорои калимаи мушаххас истифода мешавад.

CSS [attribute ^ = "value"] Селектор унсурҳои дорои арзиши амволи дорои арзиши муайянро меёбад. Арзиш ҳатман як калима нест.

CSS [attribute $ = "value"] Selector ҷузъҳоеро пайдо мекунад, ки дорои арзиши атрибут бо арзиши муайяншуда хотима меёбанд.

Барномаҳои CSS атрибутҳои интихобкунанда

Роҳҳои зиёде мавҷуданд, ки дар он ҷо селекторҳои сифат ба ҷои истифодаи универсал, синф ё ID селектор истифода мешаванд

Истифодаи маъмултарини селекторҳои атрибутҳо дар воридот аст. Инҳо шомили селекторҳои матн, селекторҳои интихобкунакҳо, интихобкунандагони парол, интихобкунандагони файл, интихобкунандагони пинҳон, интихобкунандагони парол, интихобкунандагони радио, интихобкунандагони дубора ва ғайра мебошанд.

Шаклҳои услубӣ

Интихоби атрибутҳо ҳангоми услубсозии шаклҳои бидуни синф ё ID хеле муфид мебошанд.

Истинодҳои услубӣ

Масалан, интихобкунандагони атрибутҳоро барои услуби блогро истифода бурдан мумкин аст, ки дар он шумо рӯйхати истинодҳоро ба сайтҳои дӯстдошта доред. Аммо, шумо мехоҳед, ки ҳар як линк бо тарзҳои гуногун таҳия карда шавад. Роҳи анъанавии рафтан ин таъин кардани номи зангҳо мебошад, ки рақамҳои бештарро талаб мекунанд. Бо вуҷуди ин, шумо метавонед фарзанди nth-ро истифода баред, ки фармоишҳо ҳеҷ гоҳ тағир намеёбад. Истифодаи хусусиятҳои интихобгарон онро хеле осон мекунад, зеро як хусусиятест, ки шумо метавонед ҳадаф дошта бошед.

Вуруди сарҳад

Тарзи унсурҳои сарҳад бо истифода аз хусусияти CSS тасвири сарҳад як роҳи шево барои илова кардани тасвирҳо ба бадан. Ин ба шумо имкон медиҳад тасвирро ҳамчун сарҳади унсур муайян кунед. Тасвири сарҳадотро бо тарзҳои гуногун васеъ кардан, бурида кардан ва такрор кардан мумкин аст, то ин ки он дар минтақаи сарҳад гузошта шуда бошад. Тафсири радиуси сарҳадҳо имкон медиҳад, ки бе истифодаи тасвирҳо кунҷҳои мудаввар илова карда шаванд. Амвол шакли кунҷро муайян мекунад.

Рангҳои ороиши

Интихоби атрибутҳои CSS услуби ҳамаи унсурҳои дорои арзиши ранги хосро содда мекунанд. Шумо метавонед калимаҳои рангии рангҳо, RGB (), RGBA (), HSL () ва HSLA () -ро истифода баред. Арзишҳои ранги RGBA васеъкунии модели рангҳои RGB бо каналест, ки шаффофияти рангро муайян мекунад. Арзиши параметрҳо аз 1.0 (тунук} то 0.0 (шаффоф) аст

Модели ранги HSL ҳамчун (Hue_saturation_Lightness) шарҳ дода мешавад. Намоиши ранг дар шакли кунҷ (0-360) ё чархи рангӣ мебошад. Қаноатбахшӣ ва сабукӣ бо фоизҳо чен карда мешаванд 0% аз пуррагӣ соя ё хокистарӣ ва 100 ранги пурра бошад. 100% сабукӣ сафедро нишон медиҳад, дар ҳоле ки 0% сиёҳ аст.