CSS Attribut Seçicilərinin növləri - Semalt Ekspert

HTML elementi bir sinif, ID və atributlardan ibarətdir. Bir atribut seçicisi bir atributu və ya bir atribut dəyəri olan HTML elementlərini seçir. Atribut seçiciləri, müəyyən bir atribut və ya əlamət dəyəri olan HTML elementlərinə üslub tətbiq etmək üçün sadə bir üsul təqdim edir. Atribut seçiciləri atributu dəyəri ilə əhatə edən iki kvadrat mötərizə ilə müəyyən edilir. Hələ bir element növü seçicisini qoya bilərsiniz. CSS [atribut] Selector, müəyyən bir əlamətdən olduqda və zaman olduqda bir elementə üslub qaydalarını tətbiq edir.

Atribut seçicilərinin növləri

Ayrı-ayrı hallar üçün istifadə edilə bilən müxtəlif xüsusiyyətlər seçiciləri var:

CSS [atribut | = "dəyər"] Selektor müəyyən bir əlamətə sahib olan elementləri vurğulayır və müəyyən edilmiş bir dəyərdən başlayır.

CSS [atribut ~ = "dəyər"] Selektor müəyyən bir sözü özündə əks etdirən bir əmlak dəyəri olan elementləri tapmaq üçün istifadə olunur.

CSS [atribut ^ = "dəyər"] Selektor müəyyən bir dəyəri olan bir əmlak dəyəri olan elementləri tapır. Dəyər mütləq bir söz deyildir.

CSS [atribut $ = "value"] Selector müəyyən bir dəyəri ilə bitən bir xüsusiyyət dəyəri olan komponentləri tapır.

CSS atributu seçicilərinin tətbiqləri

Universal, sinif və ya şəxsiyyət selektorundan istifadə etmək əvəzinə atribut selektorunun istifadə olunmasının müxtəlif yolları var

Atribut seçicilərinin ən çox istifadə etdiyi məlumatlar girişdir. Bunlara mətn seçiciləri, onay qutusu seçiciləri, parol seçiciləri, fayl seçiciləri, gizli seçicilər, parol seçiciləri, radio seçiciləri, sıfırlama seçiciləri və digərləri daxildir.

Styling formaları

Xüsusiyyət seçiciləri, sinif və ya şəxsiyyət sənədləri olmayan formaları üslublaşdırarkən çox faydalıdır.

Stil əlaqələri

Məsələn, atribut seçiciləri, dost saytlarına bağlantılar siyahısı verdiyiniz bir bloq tərtibatında istifadə edilə bilər. Bununla birlikdə, hər bir bağlantının fərqli tərzdə tərtib edilməsini istəyirsən. Bu barədə getməyin ənənəvi yolu daha çox işarələməyi tələb edən zəng adını təyin etməkdir. Yenə də sifarişlərin dəyişməməsini tələb edən nth-uşaq istifadə edə bilərsiniz. Hədəf seçicilərindən istifadə etmək onu asanlaşdırır, çünki hədəf ala biləcəyiniz bir xüsusiyyət var.

Sərhəd girişləri

CSS sərhəd görüntü atributundan istifadə edərək sərhəd elementlərinin tərtib edilməsi bədənə şəkillər əlavə etmək üçün zərif bir yoldur. Bir görüntüyü bir elementin hüdudu olaraq təyin etməyə imkan verir. Sərhəd görüntüsünün sərhəd bölgəsinə uyğun olmasını təmin etmək üçün ölçülmək, dilimləmək, müxtəlif yollarla təkrarlamaq olar. Haşiyələrin radius atributu, şəkillərdən istifadə etmədən yuvarlaq künclər əlavə etməyə imkan verir. Mülk künc şəklini təyin edir.

Üslub rəngləri

CSS atributu seçiciləri, xüsusi rəng dəyəri olan bütün elementləri stil etmək üçün sadə hala gətirir. Rəng açar sözlərindən, RGB (), RGBA (), HSL () və HSLA () qeydlərindən istifadə edə bilərsiniz. RGBA rəng dəyərləri RGB rəng modelinin bir rəngin qeyri-şəffaflığını təyin edən bir kanal ilə uzantısıdır. Parametrlərin dəyəri 1.0 (qeyri-şəffaf) ilə 0.0 (şəffaf) arasında dəyişir

HSL rəng modeli (Hue_saturation_Lightness) olaraq izah edilir. Hue nümayəndəliyi bucaq (0-360) və ya rəng çarxı şəklindədir. Doyma və yüngüllük yüzdə 0% doyma nisbətində kölgə, ya da 100 rəng tam rəng olduqda ölçülür. 100% yüngüllük ağ rəngdə, 0% isə qara rəngdədir.