Видови избор на атрибути на CSS - експерт за Semalt

HTML елементот се состои од класа, лична карта и атрибути. Изборот на атрибути ги избира елементите на HTML кои имаат атрибут или имаат вредност на атрибут. Избирачи на атрибути обезбедуваат едноставен метод за примена на стилови на HTML елементи со одреден атрибут или особина на вредности. Избирачите на атрибути се дефинираат со два квадратни држачи, кои го приложуваат атрибутот со неговата вредност. Сепак, можете да ставите селектор на типот на елементите пред него. Избирачот CSS [атрибут] ги применува правилата за стилови на елемент, ако и кога се состои од дадена особина.

Видови селектори на атрибути

Постојат различни типови на селектори на атрибути, секој од нив може да се користи за одделни случаи:

CSS [атрибут | = "вредност"] Избирачот истакнува елементи што имаат одредена особина и започнува со дефинирана вредност.

CSS [атрибут ~ = "вредност"] Избирачот се користи за да пронајде елементи со вредност на својството со специфичен збор.

CSS [атрибут ^ = "вредност"] Избирачот наоѓа елементи со вредност на имот што молат со одредена вредност. Вредноста не е нужно цел збор.

CSS [атрибут $ = "вредност"] Избирачот наоѓа компоненти што имаат вредност на атрибут кој завршува со дефинирана вредност.

Апликации на селектори на атрибути CSS

Постојат различни начини на кои селекторот на атрибути може да се користи наместо да се користи универзалниот, класа или селектор на лична карта

Најчестата употреба на селектори на атрибути е на влезови. Овие вклучуваат селектори на текст, селектори на изборни кутии, селектори на лозинки, селектори на датотеки, скриени селектори, селектори на лозинка, селектори на радио, ресетирање на селектори и други.

Форми за стилизирање

Избирачите на атрибути се многу корисни кога стилизираат форми без класа или лична карта.

Линкови за стил

На пример, избирачите на атрибути можат да се користат за да се дизајнира блогрол, каде што имате список со врски до страници за пријатели. Сепак, посакувате е дека секоја врска е стилизирана поинаку. Традиционалниот начин да се стори тоа е да се додели име на повици за кои ќе бидат потребни повеќе обележувачи. Сепак, можете да го користите деветтото дете што бара наредбите никогаш да не се менуваат. Користењето на селектори на атрибути го прави толку лесно бидејќи постои атрибут што можете да го насочите.

Влезни гранични вредности

Стилувањето на граничните елементи со помош на атрибутот за слика на границата CSS е елегантен начин за додавање слики на каросеријата. Ви овозможува да дефинирате слика како граница на елементите. Граничната слика може да се намали, исечи, да се повтори на различни начини за да се обезбеди дека таа се вклопува во граничната област. Карактеристиката на радиусот на границите му овозможува да додадете заоблени агли без употреба на слики. Имотот ја дефинира формата на аголот.

Боја за стилизирање

Избраниците на атрибути CSS го прават едноставното стилизирање на сите елементи кои имаат одредена вредност на бојата. Можете да ги користите ознаките за клучниот збор за боја, RGB (), RGBA (), HSL () и HSLA (). Вредностите на бојата RGBA се продолжување на RGB моделот на бои со канал што ја дефинира непроacирноста на една боја. Вредноста на параметрите се движи од1,0 (непроaирна} до 0,0 (транспарентна)

Моделот на боја HSL е објаснет како (Hue_saturation_Lightness). Застапеноста на боја е во форма на агол (0-360) или тркало во боја. Заситеноста и леснотијата се мерат бидејќи процентите од 0% од заситеноста претставуваат сенка или сива боја, додека 100 претставуваат целосна боја. 100% леснотија претставува бело, додека 0% е црно.

mass gmail