CSS ਵਰਤਦੇ ਹੋਏ ਇੱਕ ਵੈਬ ਬ੍ਰਾਉਜ਼ਰ ਤੇ ਡਿਫਾਲਟ ਲਿੰਕ ਕਲਰ ਨੂੰ ਅਣਡਿੱਠਾ ਕਰ ਰਿਹਾ ਹੈ

ਸਾਰੇ ਵੈਬ ਬ੍ਰਾਉਜ਼ਰ ਕੋਲ ਡਿਫਾਲਟ ਰੰਗ ਹਨ ਜੋ ਉਹ ਲਿੰਕ ਲਈ ਵਰਤਦੇ ਹਨ ਜੇ ਵੈੱਬ ਡਿਜ਼ਾਇਨਰ ਉਹਨਾਂ ਨੂੰ ਸੈਟ ਨਹੀਂ ਕਰਦੇ. ਉਹ:

• ਮੂਲ ਲਿੰਕ ਰੰਗ.
• ਸਰਗਰਮ ਲਿੰਕ ਰੰਗ (ਜਦੋਂ ਮਾਊਸ ਨੂੰ ਕਲਿੱਕ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਅਤੇ ਲਿੰਕ ਉੱਤੇ ਰੱਖਿਆ ਜਾਂਦਾ ਹੈ).
• ਬਾਅਦ ਵਾਲੇ ਲਿੰਕ ਰੰਗ (ਜਦੋਂ ਲਿੰਕ ਨੂੰ ਪਹਿਲਾਂ ਕਲਿੱਕ ਕੀਤਾ ਗਿਆ ਸੀ)

ਨਾਲ ਹੀ, ਜਦੋਂ ਕਿ ਜ਼ਿਆਦਾਤਰ ਵੈੱਬ ਬਰਾਊਜ਼ਰ ਇਸ ਨੂੰ ਡਿਫਾਲਟ ਰੂਪ ਵਿੱਚ ਨਹੀਂ ਬਦਲਦੇ, ਤੁਸੀਂ ਹੋਵਰ ਰੰਗ ਨੂੰ ਵੀ ਪਰਿਭਾਸ਼ਿਤ ਕਰ ਸਕਦੇ ਹੋ - ਇੱਕ ਲਿੰਕ ਉਦੋਂ ਹੁੰਦਾ ਹੈ ਜਦੋਂ ਮਾਊਸ ਇਸ ਉੱਤੇ ਹੁੰਦਾ ਹੈ

ਲਿੰਕ ਰੰਗਾਂ ਨੂੰ ਬਦਲਣ ਲਈ CSS ਦੀ ਵਰਤੋਂ ਕਰੋ

ਇਹਨਾਂ ਰੰਗਾਂ ਨੂੰ ਬਦਲਣ ਲਈ, ਤੁਸੀਂ CSS ਵਰਤਦੇ ਹੋ (ਕੁਝ ਹਟਾਈਆਂ ਗਈਆਂ HTML ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਹਨ ਜੋ ਤੁਸੀਂ ਵੀ ਵਰਤ ਸਕਦੇ ਹੋ, ਪਰ ਮੈਂ ਕਿਸੇ ਵੀ ਚੀਜ਼ ਨੂੰ ਬਰਤਰਫ਼ ਕਰਨ ਲਈ ਸਿਫਾਰਸ ਨਹੀਂ ਕਰਦਾ). ਲਿੰਕ ਰੰਗ ਨੂੰ ਬਦਲਣ ਦਾ ਸਭ ਤੋਂ ਸੌਖਾ ਤਰੀਕਾ ਟੈਗ ਨੂੰ ਸ਼ੈਲੀ ਕਰਨਾ ਹੈ:

ਇੱਕ {ਰੰਗ: ਕਾਲਾ; }

ਇਸ CSS ਦੇ ਨਾਲ, ਕੁਝ ਬ੍ਰਾਊਜ਼ਰ ਕਾਲੇ ਦੇ ਸਾਰੇ ਪਹਿਲੂਆਂ ਨੂੰ ਬਦਲਣਗੇ (ਕਿਰਿਆਸ਼ੀਲ, ਅਨੁਸਰਣ ਅਤੇ ਹੋਵਰ), ਜਦਕਿ ਦੂਸਰਾ ਸਿਰਫ ਡਿਫਾਲਟ ਰੰਗ ਨੂੰ ਬਦਲ ਦੇਵੇਗਾ.

ਇੱਕ ਲਿੰਕ ਦੇ ਸਾਰੇ ਭਾਗਾਂ ਨੂੰ ਬਦਲਣ ਲਈ CSS ਛੂਤ-ਕਲਾਸਾਂ ਦੀ ਵਰਤੋਂ ਕਰੋ

ਇੱਕ ਸੂਡੋ-ਕਲਾਸ CSS ਵਿੱਚ ਇੱਕ ਕਲਾਸ (:) ਦੇ ਨਾਲ ਕਲਾਸ ਨਾਮ ਤੋਂ ਪਹਿਲਾਂ ਪ੍ਰਸਤੁਤ ਕੀਤਾ ਜਾਂਦਾ ਹੈ. ਚਾਰ ਸੂਡੋ ਕਲਾਸ ਹਨ ਜੋ ਲਿੰਕ ਨੂੰ ਪ੍ਰਭਾਵਿਤ ਕਰਦੇ ਹਨ:

ਡਿਫੌਲਟ ਲਿੰਕ ਰੰਗ ਨੂੰ ਬਦਲਣ ਲਈ:

a: ਲਿੰਕ {ਰੰਗ: ਲਾਲ; }

ਸਰਗਰਮ ਰੰਗ ਬਦਲਣ ਲਈ:

a: ਸਰਗਰਮ {ਰੰਗ: ਨੀਲਾ; }

ਬਾਅਦ ਵਾਲੇ ਲਿੰਕ ਰੰਗ ਨੂੰ ਬਦਲਣ ਲਈ:

a: ਦੌਰਾ ਕੀਤਾ ਗਿਆ {color: purple; }

ਮਾਊਸ ਨੂੰ ਰੰਗ ਬਦਲਣ ਲਈ:

a: ਹੋਵਰ (ਰੰਗ: ਹਰਾ; }