سی ایس ایس پوسٹ کلاس مراجع نالوگ

ਸੀਐੱਸਐੱਸ ਪਸ਼ਾਰਣ

ਪਸ਼ਾਰਣ ਇਲਾਕਿਆਂ ਦੀ ਵਿਸ਼ੇਸ਼ ਸਥਿਤੀ ਪਰਿਭਾਸ਼ਿਤ ਕਰਨ ਲਈ ਵਰਤੇ ਜਾਂਦੇ ਹਨ।

ਉਦਾਹਰਣ ਵਜੋਂ ਇਹ ਇਸ ਵਾਸਤੇ ਵਰਤਿਆ ਜਾ ਸਕਦਾ ਹੈ:

  • ਜਦੋਂ ਯੂਜ਼ਰ ਮਾਉਸ ਨੂੰ ਇਲਾਕੇ ਉੱਤੇ ਰੱਖਦਾ ਹੈ ਤਾਂ ਸਟਾਈਲ ਸੈਟ ਕਰੋ
  • ਪਿਛਲੇ ਅਤੇ ਨਵੇਂ ਲਿੰਕਾਂ ਲਈ ਵੱਖ-ਵੱਖ ਸਟਾਈਲ ਸੈਟ ਕਰੋ
  • ਜਦੋਂ ਇਲਾਕੇ ਨੂੰ ਫੋਕਸ ਮਿਲਦਾ ਹੈ ਤਾਂ ਸਟਾਈਲ ਸੈਟ ਕਰੋ
  • ਪ੍ਰਵਾਨ/ਅਸਵੀਕਾਰ/ਲਾਜ਼ਮੀ/ਚੋਣਵੀ ਫਾਰਮ ਇਲਾਕਿਆਂ ਲਈ ਸਟਾਈਲ ਸੈਟ ਕਰੋ

ਹੇਠ ਦੇ ਸਾਰੇ ਚਿੱਤਰ ਸੀਐੱਸਐੱਸ ਵਿੱਚ ਵੱਖ-ਵੱਖ ਪਸ਼ਾਰਣਾਂ ਨੂੰ ਦਿਸਾਉਂਦੇ ਹਨ:

ਪਸ਼ਾਰਣ ਉਦਾਹਰਣ ਉਦਾਹਰਣ ਵਰਣਨ
:active a:active ਸਰਗਰਮ ਲਿੰਕ ਚੋਣ ਕਰੋ
:any-link a:anylink ਚੋਣ ਕਰੋ ਜੋ ਕਿ href ਵਾਲੇ <a> ਜਾਂ <area> ਇਲਾਕੇ ਹਨ।
:auto-fill input:autofill ਚੋਣ ਕਰੋ ਜੋ ਕਿ ਬਰਾਉਜ਼ਰ ਵੱਲੋਂ ਆਪਣੇ ਹੱਕ ਵਿੱਚ ਪੂਰਾ ਕੀਤੇ ਗਏ <input> ਇਲਾਕੇ ਹਨ।
:checked option:checked ਸਾਰੇ ਚੁਣੇ <input> ਜਾਂ <option> ਇਲਾਕਿਆਂ ਨਾਲ ਮੇਲ ਖਾਣਾ।
:default input:default ਚੋਣ ਕਰੋ ਜੋ ਕਿ ਸਬੰਧਤ ਇਲੈਕਟ੍ਰੌਨਿਕ ਇਲਾਕਿਆਂ ਵਿੱਚ ਮੂਲਰੂਪ ਫਾਰਮ ਇਲਾਕੇ ਹਨ।
:defined :defined ਚੋਣ ਕਰੋ ਜੋ ਕਿ ਪਰਿਭਾਸ਼ਿਤ ਹੋਣ ਵਾਲੇ ਇਲੈਕਟ੍ਰੌਨਿਕ ਇਲਾਕੇ ਹਨ (ਮਿਆਰ ਜਾਂ ਪਰਿਭਾਸ਼ਿਤ ਇਲਾਕੇ)।
:dir() :dir(rtl) ਚੋਣ ਕਰੋ ਜੋ ਕਿ ਸ਼ਾਬਦਿਕ ਦਿਸ਼ਾ ਵਾਲੇ ਇਲੈਕਟ੍ਰੌਨਿਕ ਇਲਾਕੇ ਹਨ।
:disabled option:disabled ਸਾਰੇ ਨਾਬਾਲਗ ਇਲੈਕਟ੍ਰੌਨਿਕ ਇਲਾਕੇ ਚੋਣ ਕਰੋ ਜੋ ਕਿ ਫਾਰਮ ਇਲਾਕੇ ਵਾਸਤੇ ਵਰਤੀਆਂ ਜਾਂਦੀਆਂ ਹਨ।
:empty div:empty ਚੋਣ ਸਾਰੇ ਨਾਲੋਂ ਬੱਚੇ ਨਾ ਹੋਣ ਵਾਲੇ ਇਲੈਕਟ੍ਰੌਨਿਕ ਇਲਾਕੇ (ਸਹਿਤ ਟੈਕਸਟ ਨੋਡ)।
:enabled input:enabled ਚੁਣੋ ਸਾਰੇ ਸਰਗਰਮ ਤੱਤ, ਫਾਰਮ ਤੱਤਾਂ ਵਿੱਚ ਸਧਾਰਨ ਵਰਤੋਂ.
:first @page :first ਪ੍ਰਿੰਟ ਦਸਤਾਵੇਜ਼ ਦੀ ਪਹਿਲੀ ਪੰਨ੍ਹ ਦਰਸਾਉਣ (ਐੱਟ ਪੇਜ ਰੂਲ ਦੇ ਨਾਲ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ).
:first-child p:first-child ਚੁਣੋ ਆਪਣੇ ਮਾਤਾ ਤੱਤ ਦੀ ਪਹਿਲੀ ਬੱਚੀ ਵਾਲੇ ਤੱਤ (ਭਾਈਚਾਰੇ ਵਿੱਚ).
:first-of-type li:first-of-type ਚੁਣੋ ਭਾਈਚਾਰੇ ਵਿੱਚ ਪਹਿਲੀ ਵਿਸ਼ੇਸ਼ ਤਰ੍ਹਾਂ ਦੇ ਭਾਈਚਾਰੇ ਵਾਲੇ ਤੱਤ.
:focus select:focus ਚੁਣੋ ਫੋਕਸ ਹੋਣ ਵਾਲੇ ਤੱਤ, ਫਾਰਮ ਤੱਤਾਂ ਵਿੱਚ ਸਧਾਰਨ ਵਰਤੋਂ.
:focus-visible button:focus-visible ਚੁਣੋ ਫੋਕਸ ਹੋਣ ਵਾਲੇ ਤੱਤ (ਸਿਰਫ ਕੀਬੋਰਡ ਰਾਹੀਂ ਫੋਕਸ ਲਾਗੂ ਹੁੰਦਾ ਹੈ).
:focus-within form:focus-within ਮੇਲ ਕਰਨ ਵਾਲੇ ਤੱਤ ਜਾਂ ਉਸ ਦੇ ਕਿਸੇ ਵੀ ਪੀੜ੍ਹੀ ਵਾਲੇ ਤੱਤ ਜਿਸ ਨੂੰ ਫੋਕਸ ਮਿਲਿਆ ਹੈ.
:fullscreen :fullscreen ਚੁਣੋ ਸਰਵਸਮੇਂ ਸਕਰੀਨ ਮੋਡ ਵਿੱਚ ਹੋਣ ਵਾਲੇ ਤੱਤ.
:has() h2:has(+p) ਚੁਣੋ <p> ਤੱਤ ਦੇ ਬਾਅਦ ਆਉਣ ਵਾਲੇ <h2> ਤੱਤ ਅਤੇ <h2> ਉੱਤੇ ਸਟਾਈਲ ਲਾਗੂ ਕਰੋ.
:hover a:hover ਚੁਣੋ ਮਾਉਸ ਰਿਹਾਇਸ਼ ਵਾਲੇ ਤੱਤ.
:in-range input:in-range ਚੁਣੋ ਵਿਸ਼ੇਸ਼ ਦਾਇਰੇ ਵਿੱਚ ਵਾਲੇ <input> ਤੱਤ.
:indeterminate input:indeterminate ਚੁਣੋ ਅਨਿਸ਼ਚਿਤ ਦੇ ਫਾਰਮ ਤੱਤ.
:invalid input:invalid ਚੁਣੋ ਅਯੋਗ ਦੇ ਫਾਰਮ ਤੱਤ.
:is() :is(ul, ol) ਸਭ <ul> ਅਤੇ <ol> ਐਲੀਮੈਂਟਾਂ ਨੂੰ ਚੋਣ ਕਰੋ。
:lang() p:lang(it) ਚੁਣੋ lang ਪ੍ਰਤੀਯੋਗਿਤਾ ਵਾਲੀ "it" (ਇਟਾਲੀਅਨ) ਦਾ <p> ਤੱਤ.
:last-child li:last-child ਚੁਣੋ ਆਪਣੇ ਮਾਤਾ ਤੱਤ ਦੀ ਆਖਰੀ ਬੱਚੀ <li> ਤੱਤ.
:last-of-type p:last-of-type ਚੁਣੋ ਆਪਣੇ ਮਾਤਾ ਤੱਤ ਦੀ ਆਖਰੀ <p> ਤੱਤ ਵਾਲੇ <p> ਤੱਤ.
:left @page :left ਪ੍ਰਿੰਟ ਦਸਤਾਵੇਜ਼ ਦੇ ਸਾਰੇ ਵੱਲ ਦੀਆਂ ਪੰਨ੍ਹਾਂ ਦਰਸਾਉਣ (ਐੱਟ ਪੇਜ ਰੂਲ ਦੇ ਨਾਲ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ).
:link a:link ਚੁਣੋ ਸਾਰੇ ਅਨਾਵਰਣਿਤ ਲਿੰਕ.
:modal :modal ਚੁਣੋ ਮੋਡਲ ਦੇ ਅਨੁਸਾਰ ਹੋਣ ਵਾਲੇ ਤੱਤ.
:not() :not(p) ਚੁਣੋ ਸਾਰੇ <p> ਤੱਤ ਨਹੀਂ ਹੋਣ ਵਾਲੇ ਤੱਤ.
:nth-child() p:nth-child(2) ਚੁਣੋ ਆਪਣੇ ਮਾਤਾ ਤੱਤ ਦੀ ਦੂਜੀ ਬੱਚੀ <p> ਤੱਤ.
:nth-last-child() p:nth-last-child(2) ਆਪਣੇ ਪੈਰੇਂਟ ਇਲੈਕਟ੍ਰੌਨਿਕ ਵਿੱਚ ਲੰਬਾਈ ਦੂਜਾ ਬੱਚਾ ਹੋਣ ਵਾਲੇ <p> ਇਲੈਕਟ੍ਰੌਨਿਕ ਚੋਣ ਕਰੋ।
:nth-last-of-type() p:nth-last-of-type(2) ਆਪਣੇ ਪੈਰੇਂਟ ਇਲੈਕਟ੍ਰੌਨਿਕ ਵਿੱਚ ਲੰਬਾਈ ਦੂਜਾ ਬੱਚਾ ਹੋਣ ਵਾਲੇ <p> ਇਲੈਕਟ੍ਰੌਨਿਕ ਚੋਣ ਕਰੋ।
:nth-of-type() p:nth-of-type(2) ਆਪਣੇ ਪੈਰੇਂਟ ਇਲੈਕਟ੍ਰੌਨਿਕ ਵਿੱਚ ਦੂਜਾ <p> ਇਲੈਕਟ੍ਰੌਨਿਕ ਚੋਣ ਕਰੋ।
:only-child p:only-child ਆਪਣੇ ਪੈਰੇਂਟ ਇਲੈਕਟ੍ਰੌਨਿਕ ਵਿੱਚ ਏਕੁਇਨ ਬੱਚਾ ਹੋਣ ਵਾਲੇ <p> ਇਲੈਕਟ੍ਰੌਨਿਕ ਚੋਣ ਕਰੋ।
:only-of-type p:only-of-type ਆਪਣੇ ਪੈਰੇਂਟ ਇਲੈਕਟ੍ਰੌਨਿਕ ਵਿੱਚ ਏਕੁਇਨ ਪ੍ਰਕਾਰ ਦੇ <p> ਇਲੈਕਟ੍ਰੌਨਿਕ ਚੋਣ ਕਰੋ।
:optional textarea:optional required ਵਿਸ਼ੇਸ਼ਤਾ ਰਹਿਤ <input>、<select> ਜਾਂ <textarea> ਇਲੈਕਟ੍ਰੌਨਿਕ ਚੋਣ ਕਰੋ।
:out-of-range input:out-of-range ਮੁੱਲ ਨਿਰਦਿਸ਼ਟ ਸੀਮਾ ਤੋਂ ਬਾਹਰ ਹੋਣ ਵਾਲੇ <input> ਇਲੈਕਟ੍ਰੌਨਿਕ ਚੋਣ ਕਰੋ।
:placeholder-shown input:placeholder-shown ਮੌਜੂਦਾ ਪਲੇਸਹੋਲਡ ਟੈਕਸਟ ਵਾਲੇ <input> ਜਾਂ <textarea> ਇਲੈਕਟ੍ਰੌਨਿਕ ਚੋਣ ਕਰੋ।
:popover-open :popover-open ਪ੍ਰਦਰਸ਼ਨ ਵਾਲੇ ਪੋਪਅਪ ਸਥਿਤੀ ਵਾਲੇ ਇਲੈਕਟ੍ਰੌਨਿਕ ਚੋਣ ਕਰੋ।
:read-only input:read-only readonly ਵਿਸ਼ੇਸ਼ਤਾ ਵਾਲੇ ਇਨਪੁਟ ਇਲੈਕਟ੍ਰੌਨਿਕ ਚੋਣ ਕਰੋ।
:read-write input:read-write ਸੰਸਕਰਣ ਕਰਨ ਵਾਲੇ ਇਨਪੁਟ ਇਲੈਕਟ੍ਰੌਨਿਕ ਚੋਣ ਕਰੋ।
:required input:required required ਵਿਸ਼ੇਸ਼ਤਾ ਵਾਲੇ ਇਨਪੁਟ ਇਲੈਕਟ੍ਰੌਨਿਕ ਚੋਣ ਕਰੋ।
:right @page :right ਪ੍ਰਿੰਟ ਕਰਨ ਵਾਲੇ ਦਸਤਾਵੇਜ਼ ਦੇ ਸਾਰੇ ਉੱਪਰੀ ਪੰਨੇ ਦਰਸਾਓ ( @page ਰੂਲ ਨਾਲ ਮਿਲਾਇਆ ਹੋਇਆ)।
:root :root ਦਸਤਾਵੇਜ਼ ਦੇ ਮੂਲ ਇਲੈਕਟ੍ਰੌਨਿਕ ਚੋਣ ਕਰੋ।
:scope :scope ਚੋਣ ਕਰੋ ਜਿਨ੍ਹਾਂ ਇਲੈਕਟ੍ਰੌਨਿਕ ਵਿੱਚ ਸੈਲੈਕਟਰ ਮੈਚ ਨਾਲ ਹਵਾਲਾ ਦਿੱਤੇ ਗਏ ਹਨ ਜਾਂ ਸੀਮਾ ਵਾਲੇ ਹਨ।
:state() :state() ਚੋਣ ਕਰੋ ਜਿਨ੍ਹਾਂ ਕਸਟਮ ਇਲੈਕਟ੍ਰੌਨਿਕ ਵਿੱਚ ਨਿਰਦਿਸ਼ਟ ਕਸਟਮ ਸਥਿਤੀ ਵਾਲੇ ਹਨ।
:target :target ਚੋਣ ਕਰੋ ਜਿਨ੍ਹਾਂ ਇਲੈਕਟ੍ਰੌਨਿਕ ਵਿੱਚ ਮੌਜੂਦਾ ਗਤੀਵਿਧੀ ਵਾਲੇ ਟੀਚੇ ਇਲੈਕਟ੍ਰੌਨਿਕ ਵਿੱਚ ਹਨ।
:user-invalid :user-invalid ਚੋਣ ਕਰੋ ਜਿਨ੍ਹਾਂ ਫਾਰਮ ਇਲੈਕਟ੍ਰੌਨਿਕ ਵਿੱਚ ਅਵੈਧ ਮੁੱਲ ਹੈ (ਉਪਯੋਗਕਰਤਾ ਨਾਲ ਅਨੁਭਵ ਤੋਂ ਬਾਅਦ)।
:user-valid :user-valid ਚੋਣ ਕਰੋ ਜਿਨ੍ਹਾਂ ਫਾਰਮ ਇਲੈਕਟ੍ਰੌਨਿਕ ਵਿੱਚ ਵੈਧ ਮੁੱਲ ਹੈ (ਉਪਯੋਗਕਰਤਾ ਨਾਲ ਅਨੁਭਵ ਤੋਂ ਬਾਅਦ)।
:valid input:valid ਚੋਣ ਕਰੋ ਜਿਨ੍ਹਾਂ ਇਨਪੁਟ ਵਿੱਚ ਵੈਧ ਮੁੱਲ ਹੈ।
:visited a:visited ਸਭ ਪਿਛਲੇ ਲਿੰਕਾਂ ਨੂੰ ਚੋਣ ਕਰੋ。
:where() :where(ol, ul) ਸਭ <ul> ਅਤੇ <ol> ਐਲੀਮੈਂਟਾਂ ਨੂੰ ਚੋਣ ਕਰੋ。