CSS Атрибут сонгогч

Тодорхой атрибуттай буюу шинж чанартай эсвэл утгатай HTML элементийг загварчилж болно.

CSS [атрибут] сонгогч

[атрибут] сонгогч нь тухайн атрибут буюу шинж чанар бүхий элементийг сонгоход ашигладаг.
Дараах жишээ нь бүх <a> элементээс target шинж чанарыг агуулсан элементийг сонгох болно.

<style>
a[target] {
  background-color: red;
}
</style>

CSS [атрибут="утга"] сонгогч

[атрибут="утга"] сонгогч нь тодорхой шинж чанар, утгатай элементийг сонгоход ашигладаг.
Дараах жишээ нь бүх <a> элементээс target шинж чанарыг агуулсан элементийг сонгох болно.

<style>
a[target=_blank] {
  background-color: pink;
}
</style>

CSS [атрибут~="утга"] сонгогч

[атрибут~="утга"] нь тухайн үгийг агуулсан атрибутын утгатай элементийг сонгоход ашигладаг.
Дараах жишээ нь бүх элементийн title шинж чанарт "mountain" гэсэн дан, эсвэл хоосон зайгаар тусгаарласан утгатай элементүүдэд хамаарах болно.

<style>
[title~=mountain] {
  border: 3px solid pink;
}
</style>

Сэтгэгдэлүүд

нацагдорж

-webkit-
-o- гэх мэт сонголтуудыг зааж өгөх боломжтой юу

April 11, 2020, 2:54 a.m.