Атрибуттун маанисинин аягы боюнча селектор

Атрибуттун маанисинин аягы боюнча селектор белгилүү бир текст менен аяктаган тег атрибутунун мааниси бар элементке стильди колдойт.

Мисал

a тегине кайрылалы, анын href атрибутунун мааниси .html менен аяктаса жана аны кызыл түскө өзгөртөлү:

html<a href="file.html">link1</a>
<a href="">link2</a>
cssa[href$=".html"] {
  color: red;
}

Результат:

Ошондой эле караңыз

  • атрибут селектору,
    элементти атрибуттун аты боюнча издеген
  • атрибут селектору,
    элементти атрибуттун мааниси боюнча издеген
  • атрибут селектору,
    элементти атрибуттун маанисинин башталышы боюнча издеген
  • атрибут селектору,
    элементти атрибуттун маанисиндеги текст боюнча издеген
  • атрибут селектору,
    элементти атрибуттун бир мааниси боюнча издеген
  • атрибут селектору,
    элементти атрибуттун маанисиндеги дефис боюнча издеген
  • Тууган селектор,
    элементтерди түздөн-түз ичкелети боюнча тандоого мүмкүндүк берген
  • Контексттик селектор,
    элементти анын ата-энеси боюнча тандоого мүмкүндүк берген
  • Көршө селектор,
    элементти анын көршөсү боюнча тандоого мүмкүндүк берген
  • Туугандык селектор,
    берилгенден кийинки элементтерди тандоого мүмкүндүк берген
  • Универсалдык селектор,
    бардык элементтерди тандоого мүмкүндүк берген