CSS ашиглан вэб хөтчийн үндсэн холбоосын өнгөийг өөрчлөх

Вэб дизайнер тэдгээрийг тохируулаагүй бол бүх Вэб хөтөчүүд холбоосуудын хувьд хэрэглэдэг анхдагч өнгөнүүд байдаг. Тэдгээр нь:

Дээр нь ихэнх вэб хөтөч үүнийг анхдагчаар өөрчилж чадахгүй байгаа бол hover color-ийг бас тодорхойлж болно.

Холбоосын холбоосыг өөрчлөх CSS ашиглана уу

Эдгээр өнгийг өөрчлөхийн тулд та CSS ашигладаг (хуучирсан HTML шинж чанарууд бас хэрэглэж болно, гэхдээ би хуучныг ашиглахыг зөвлөдөггүй). Холбоосын өнгөийг өөрчлөх хамгийн хялбар арга бол шошготой хэвээр байх явдал юм :

a {color: black; }

Энэ CSS-ээр зарим хөтөч холбоосын бүх талыг (идэвхтэй, дагаж, hover) хар болгож өөрчилдөг бол зарим нь анхдагч өнгөийг өөрчилдөг.

Холбоосын бүх хэсгүүдийг өөрчлөх CSS псевдо классыг ашиглах

Сэдэвчилсэн анги нь математик функц бүхий CSS-тэй хамт дүрслэгдэнэ (:). Холбоосод нөлөөлөх дөрвөн псевдо класс байдаг:

Анхдагч холбоосын өнгөийг өөрчлөх:

a: link {color: red; }

Идэвхтэй өнгийг өөрчлөх:

a: active {color: blue; }

Дараах холбоосын өнгөийг өөрчлөхийн тулд:

a: зочилсон {өнгө: ягаан; }

Хулганаа өнгөөр ​​солих:

a: hover {color: green; }