CSS :focus-within ਪਾਰਸ਼ਨਸ

ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ

CSS :focus-within ਪਾਰਸ਼ਨਸ ਇੱਕ ਐਲੀਮੈਂਟ ਜਾਂ ਉਸ ਦੇ ਕਿਸੇ ਵੀ ਪੀੜ੍ਹੀ ਦੇ ਐਲੀਮੈਂਟ ਨੂੰ ਫੋਕਸ ਹੋਣ ਉੱਤੇ ਮੈਚ ਕਰਦੇ ਹਨ。

ਇਨਸਟੈਂਸ

ਜਦੋਂ ਫਾਰਮ ਵਿੱਚ ਕੋਈ ਖੇਤਰ ਫੋਕਸ ਹੋਵੇ ਤਾਂ ਫਾਰਮ ਦੇ ਸਟਾਈਲ ਚੋਣ ਅਤੇ ਸੈਟ ਕਰੋ:

form:focus-within {
  border: 2px solid black;
  background-color: beige;
  color: black;
}

ਸਵੈ ਸਿਖਾਓ

CSS ਗਰੰਥ

:focus-within {
  css declarations;
}

ਤਕਨੀਕੀ ਵੇਰਵੇ

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

ਸਪਰੇਸ਼ਨ ਵਿੱਚ ਦਿੱਤੇ ਗਏ ਨੰਬਰ ਇਸ ਪਾਰਸ਼ਨਸ ਦੀ ਪੂਰੀ ਤਰ੍ਹਾਂ ਦੀ ਸਮਰੱਥਾ ਵਾਲੀ ਪਹਿਲੀ ਬਰਾਉਜ਼ਰ ਵਰਜਨ ਨੂੰ ਸੁਝਾਉਂਦੇ ਹਨ。

ਸਬੰਧਤ ਪੇਜ਼

ਟੂਰੀਆਲ:CSS ਪਾਰਸ਼ਨਸ

ਪਰਸਪਰਕਸ਼ਣ:CSS :focus ਪਸੰਦ ਕਰੋ