CSS атрибуты селекторларының түрлері - Semalt сарапшысы

HTML элементі сыныптан, идентификатордан және төлсипаттардан тұрады. Атрибут селекторы төлсипат немесе атрибут мәні бар HTML элементтерін таңдайды. Атрибутты таңдаушылар белгілі бір атрибут немесе белгілік мәні бар HTML элементтерінде стильдерді қолданудың қарапайым әдісін ұсынады. Атрибутты таңдаушылар екі квадрат жақша арқылы анықталады, олар төлсипатты оның мәнімен қосады. Соған қарамастан сіз элемент түрін селекторды қоюға болады. CSS [атрибут] селекторы стиль ережелерін элементте қолданылады, егер ол осы белгілерден тұрса және қашан болады.

Атрибуттарды таңдаушылардың түрлері

Атрибуттарды таңдаушылардың әр түрлі түрлері бар, олардың әрқайсысын жеке істер үшін пайдалануға болады:

CSS [атрибут | = «құндылық»] Селектор белгілі бір белгілері бар элементтерді бөлектейді және ол анықталған мәннен басталады.

CSS [атрибут ~ = «мәні»] Селектор белгілі бір сөзі бар қасиеті бар элементтерді табу үшін қолданылады.

CSS [атрибут ^ = «құндылық»] Селектор белгілі бір мәні бар жалпылық қасиеті бар элементтерді табады. Мән міндетті түрде тұтас сөз емес.

CSS [атрибут $ = «value»] Селектор анықталған мәні бар аяқталатын төлсипат мәні бар компоненттерді табады.

CSS атрибутын таңдаушылардың қосымшалары

Әмбебап, класс немесе идентификаторды қолданудың орнына атрибут селекторын қолдануға болатын әртүрлі әдістер бар

Атрибуттарды таңдаушылардың ең көп қолданылатыны - бұл кірістер. Оларға мәтін таңдауыштары, құсбелгі таңдағыштар, пароль таңдаушылар, файл таңдағыштар, жасырын таңдаушылар, пароль таңдағыштар, радио таңдағыштар, қалпына келтіру таңдағыштар және басқалар жатады.

Сәндеу формалары

Анықтамалық таңдағыштар сыныпты немесе идентификаторсыз формаларды сәндеу кезінде өте пайдалы.

Стильдік сілтемелер

Мысалы, атрибуттарды таңдаушыларды сіз өзіңіздің дос сайттарыңызға сілтемелер тізімі бар блогтар тізімін жасау үшін қолдана аласыз. Дегенмен, сіз әр сілтеменің әр түрлі стильде жасалынғанын қалайсыз. Мұнда барудың дәстүрлі әдісі - қосымша түзетулерді қажет ететін қоңыраулар атауын тағайындау. Дегенмен, сіз бұйрықтардың ешқашан өзгермейтінін талап ететін n-ші баланы пайдалана аласыз. Атрибут таңдаушыларды қолдану оны жеңілдетеді, өйткені сізде мақсатты атрибут бар.

Шекаралық кірістер

Жиек элементтерін CSS жиектеу кескінінің атрибутын қолданып сәндеу - денеге кескіндерді қосудың талғампаз тәсілі. Бұл кескінді элементтің шекарасы ретінде анықтауға мүмкіндік береді. Шекара кескіні оның шекара аймағында орналасуын қамтамасыз ету үшін масштабталуы, кесілуі, әртүрлі жолмен қайталануы мүмкін. Жиектер радиусының атрибуты кескіндерді қолданбай дөңгелектелген бұрыштарды қосуға мүмкіндік береді. Меншік бұрыштың формасын анықтайды.

Түстерді сәндеу

CSS атрибутын таңдаушылар белгілі бір түс құндылығы бар барлық элементтерді қарапайым етіп жасайды. Түсті кілт сөздерді, RGB (), RGBA (), HSL () және HSLA () белгілерін пайдалануға болады. RGBA түс мәндері - бұл түстердің мөлдірлігін анықтайтын арнасы бар RGB түс моделінің кеңейтімі. Параметрлер мәні 1.0 (мөлдір емес) мен 0.0 (мөлдір) аралығында болады

HSL түс моделі (Hue_saturation_Lightness) деп түсіндіріледі. Реңк ұсыну бұрыш (0-360) немесе түсті дөңгелек түрінде болады. Қанықтылық пен жеңілдік пайыздық мөлшермен өлшенеді, қанықтылықтың 0% көлеңке немесе сұр, ал 100 толық түсті білдіреді. 100% жеңілдік ақты білдіреді, 0% - қара.