سی ای ایس سلیکٹر مراجع دستور زبان

CSS ਚੋਣਕਾਰ

CSS ਚੋਣਕਾਰ "ਲੱਭਣ" (ਜਾਂ ਚੁਣਣ) ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹਨ ਜੋ ਸਟਾਈਲ ਦੀ ਸੈੱਟਿੰਗ ਕਰਨਾ ਹੈ ਜੋ ਤੁਸੀਂ ਚਾਹੁੰਦੇ ਹੋਏ HTML ਐਲੀਮੈਂਟ ਹਨ。

ਸਾਡੇ CSS ਚੋਣਕਾਰ ਟੈਸਟਰ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਵੱਖ-ਵੱਖ ਚੋਣਕਾਰਾਂ ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰੋ。

CSS ਸਰਲ ਚੋਣਕਾਰ

ਸਰਲ ਚੋਣਕਾਰ ਐਲੀਮੈਂਟ ਦੇ ਨਾਮ, id ਅਤੇ ਕਲਾਸ ਦੇ ਅਧਾਰ 'ਤੇ ਐਲੀਮੈਂਟ ਚੁਣਦੇ ਹਨ। ਇਸ ਤੋਂ ਇਲਾਵਾ ਇਹ ਵੀ ਹੈ (*)

ਚੋਣਕਾਰ ਉਦਾਹਰਣ ਉਦਾਹਰਣ ਵਰਣਨ
element p ਹਰ ਇੱਕ <p> ਐਲੀਮੈਂਟ ਨੂੰ ਚੁਣੋ
#id #firstname id="firstname" ਐਲੀਮੈਂਟ ਨੂੰ ਚੁਣੋ
* * ਹਰ ਇੱਕ ਐਲੀਮੈਂਟ ਨੂੰ ਚੁਣੋ
.class .intro ਹਰ ਇੱਕ class="intro" ਐਲੀਮੈਂਟ ਨੂੰ ਚੁਣੋ

CSS ਅਟਰੀਬਿਊਟ ਚੋਣਕਾਰ

ਅਟਰੀਬਿਊਟ ਚੋਣਕਾਰ ਦਾ ਉਪਯੋਗ ਹੈ ਜੋ ਦਿੱਤੇ ਗਏ ਅਟਰੀਬਿਊਟ ਸੈਟ ਦੇ ਹੋਰ ਐਲੀਮੈਂਟਾਂ ਨੂੰ ਚੁਣਦਾ ਹੈ。

ਚੋਣਕਾਰ ਉਦਾਹਰਣ ਉਦਾਹਰਣ ਵਰਣਨ
[attribute] [target] ਹਰ ਇੱਕ ਐਲੀਮੈਂਟ ਨੂੰ ਚੁਣੋ ਜਿਸ ਦੇ target ਅਟਰੀਬਿਊਟ ਹੈ。
[attribute=value] [target=_blank] ਹਰ ਇੱਕ ਐਲੀਮੈਂਟ ਨੂੰ ਚੁਣੋ ਜਿਸ ਦੇ target="_blank" ਅਟਰੀਬਿਊਟ ਹੈ。
[attribute~=value] [title~=flower] ਹਰ ਇੱਕ ਐਲੀਮੈਂਟ ਨੂੰ ਚੁਣੋ ਜਿਸ ਦੇ title ਅਟਰੀਬਿਊਟ ਵਿੱਚ "flower" ਸ਼ਬਦ ਹੈ。
[attribute|=value] [lang|=en] ਹਰ ਇੱਕ ਐਲੀਮੈਂਟ ਨੂੰ ਚੁਣੋ ਜਿਸ ਦੇ lang ਅਟਰੀਬਿਊਟ ਵਿੱਚ "en" ਸ਼ੁਰੂ ਹੁੰਦਾ ਹੈ。
[attribute^=value] a[href^="https"] ਹਰ ਇੱਕ <a> ਐਲੀਮੈਂਟ ਨੂੰ ਚੁਣੋ ਜਿਸ ਦੇ href ਅਟਰੀਬਿਊਟ ਵਿੱਚ "https" ਸ਼ੁਰੂ ਹੁੰਦਾ ਹੈ。
[attribute$=value] a[href$=".pdf"] ਹਰ ਇੱਕ <a> ਐਲੀਮੈਂਟ ਨੂੰ ਚੁਣੋ ਜਿਸ ਦੇ src ਅਟਰੀਬਿਊਟ ਨੂੰ ".pdf" ਨਾਲ ਮੁਕਮਲ ਕੀਤਾ ਗਿਆ ਹੈ。
[attribute*=value] a[href*="codew3c"] ਹਰ ਇੱਕ <a> ਐਲੀਮੈਂਟ ਨੂੰ ਚੁਣੋ ਜਿਸ ਦੇ href ਅਟਰੀਬਿਊਟ ਵਿੱਚ "abc" ਉਪ-ਤਰਤੀਬ ਹੈ。

CSS ਨਿਹਾਰਤ ਚੋਣਕਾਰ

ਚੋਣਕਾਰ ਉਦਾਹਰਣ ਉਦਾਹਰਣ ਵਰਣਨ
& & ਅਨੋਥਰ ਐਲੀਮੈਂਟ ਦੇ ਸੰਦਰਭ ਵਿੱਚ ਐਲੀਮੈਂਟ ਨੂੰ ਸਟਾਈਲ ਲਾਗੂ ਕਰਨਾ