CSS :visited ਪਰੋਪੀਜ਼

ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ

CSS :visited ਪਰੋਪੀਜ਼ ਨੂੰ ਸੁਲਭ ਲਿੰਕ ਦੇ ਸਟਾਈਲ ਸੈਟ ਕਰਨ ਲਈ ਵਰਤੋਂ ਕੀਤੀ ਜਾਂਦੀ ਹੈ。

ਸੁਝਾਅ:ਵਰਤੋਂ :link ਨਹੀਂ ਸੁਲਭ ਪੰਨੇ ਦੇ ਲਿੰਕ ਦੇ ਸਟਾਈਲ ਸੈਟ ਕਰੋ, ਇਸ ਤੋਂ ਇਲਾਵਾ :hover ਮਾਉਸ ਸਮੇਤ ਲਿੰਕ ਦੇ ਸਟਾਈਲ ਸੈਟ ਕਰੋ, ਇਸ ਤੋਂ ਇਲਾਵਾ :active ਸਰਗਰਮ ਲਿੰਕ ਦੇ ਸਟਾਈਲ ਸੈਟ ਕਰੋ。

ਧਿਆਨ:ਲਿੰਕ ਸਟਾਈਲ ਸੁਲਭ ਕਰਨ ਲਈ ਇਹ ਲਗਾਓ: :visited ਨਿਯਮ ਸਥਾਨਾਂ ਵਿੱਚ ਰੱਖੋ: :link ਨਿਯਮ ਤੋਂ ਬਾਅਦ ਪਰ ਇਸ ਤੋਂ ਪਹਿਲਾਂ :hover ਅਤੇ :active ਨਿਯਮ ਤੋਂ ਪਹਿਲਾਂ。

ਮਨਜ਼ੂਰ ਸਟਾਈਲਾਂ ਸ਼ਾਮਲ ਹਨ:

• color
• background-color
• border-color (ਅਤੇ ਹਰ ਕਿਸਮ ਦੇ border-color)
• outline color
• column-rule-color
• text-decoration-color
• text-emphasis-color
• SVG ਗੁਣ fill ਅਤੇ stroke

ਉਦਾਹਰਣ

ਉਦਾਹਰਣ 1

ਸੁਲਭ ਲਿੰਕ ਦੇ ਸਟਾਈਲ ਸੈਟ ਕਰੋ:

a:visited {
  color: pink;
}

ਸਵੈਚਾਲਿਤ ਕਰੋ

ਉਦਾਹਰਣ 2

ਨਹੀਂ ਸੁਲਭ, ਸੁਲਭ, ਸਮੇਤ ਅਤੇ ਸਰਗਰਮ ਲਿੰਕ ਦੇ ਸਟਾਈਲ ਸੈਟ ਕਰੋ:

/* ਨਹੀਂ ਸੁਲਭ ਲਿੰਕ */
a:link {
  color: green;
}
/* ਸੁਲਭ ਲਿੰਕ */
a:visited {
  color: green;
}
/* ਮਾਉਸ ਸਮੇਤ ਲਿੰਕ */
a:hover {
  color: red;
}
/* ਸਰਗਰਮ ਲਿੰਕ */
a:active {
  color: yellow;
}

ਸਵੈਚਾਲਿਤ ਕਰੋ

ਉਦਾਹਰਣ 3

ਲਿੰਕ ਲਈ ਵੱਖ ਵੱਖ ਸਟਾਈਲ ਸੈਟ ਕਰੋ:

a.ex1:hover, a.ex1:active {
  color: red;
}
a.ex2:hover, a.ex2:active {
  font-size: 150%;
}

ਸਵੈਚਾਲਿਤ ਕਰੋ

CSS ਗਰੇਫਟਾਂ

:visited {
  css declarations;
}

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ

ਸਾਰੇ ਪਰੋਪੀਜ਼ ਦੇ ਪੂਰੇ ਸਮਰਥਨ ਵਾਲੇ ਪਹਿਲੇ ਬਰਾਉਜ਼ਰ ਵਰਜਨ ਦੇ ਨੰਬਰ ਸਾਰੇ ਟੇਬਲ ਵਿੱਚ ਦਿੱਤੇ ਗਏ ਹਨ。

ਸਬੰਧਤ ਪੰਨੇ

ਸਿੱਖਿਆਕਾਰਾਂ:CSS ਲਿੰਕ

ਸਿੱਖਿਆਕਾਰਾਂ:CSS ਪਰੋਪੀਜ਼