Атрибуттун маанисинин аягы боюнча селектор
Атрибуттун маанисинин аягы боюнча селектор белгилүү бир текст менен аяктаган тег атрибутунун мааниси бар элементке стильди колдойт.
Мисал
a тегине кайрылалы,
анын href атрибутунун мааниси
.html менен аяктаса жана аны
кызыл түскө өзгөртөлү:
<a href="file.html">link1</a>
<a href="https://code.mu">link2</a>
a[href$=".html"] {
color: red;
}
:
Ошондой эле караңыз
-
атрибут селектору,
элементти атрибуттун аты боюнча издеген -
атрибут селектору,
элементти атрибуттун мааниси боюнча издеген -
атрибут селектору,
элементти атрибуттун маанисинин башталышы боюнча издеген -
атрибут селектору,
элементти атрибуттун маанисиндеги текст боюнча издеген -
атрибут селектору,
элементти атрибуттун бир мааниси боюнча издеген -
атрибут селектору,
элементти атрибуттун маанисиндеги дефис боюнча издеген -
Тууган селектор,
элементтерди түздөн-түз ичкелети боюнча тандоого мүмкүндүк берген -
Контексттик селектор,
элементти анын ата-энеси боюнча тандоого мүмкүндүк берген -
Көршө селектор,
элементти анын көршөсү боюнча тандоого мүмкүндүк берген -
Туугандык селектор,
берилгенден кийинки элементтерди тандоого мүмкүндүк берген -
Универсалдык селектор,
бардык элементтерди тандоого мүмкүндүк берген
