ਸਸ :first-child ਪਸ਼ੇਲਾ

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

ਸਸ :first-child ਪਸ਼ੇਲਾ ਪਸ਼ੇਲਾ ਦੇ ਪਹਿਲੇ ਬੱਚੇ ਵਜੋਂ ਚੋਣ ਕਰਨ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ (ਇੱਕ ਸਮੂਹ ਦੇ ਭਾਈਚਾਰੇ ਵਿੱਚ)。

ਇਨਸਟੈਂਸ

ਉਦਾਹਰਣ 1

ਹਰੇਕ <p> ਐਲਾਇਮੈਂਟ ਦੇ ਪਹਿਲੇ ਬੱਚੇ ਦੇ ਸਟਾਈਲ ਚੋਣ ਅਤੇ ਸੈਟ ਕਰੋ ਜੋ ਆਪਣੇ ਪੈਰੈਂਟ ਐਲਾਇਮੈਂਟ ਦੇ ਪਹਿਲੇ ਬੱਚੇ ਵਜੋਂ ਹਨ:

p:first-child {
  ਬੈਕਗਰਾਊਂਡ-ਕਲਰ: ਪੇਲੇਨਾ;
}

ਆਪਣੇ ਆਪ ਨਾਲ ਪ੍ਰਯੋਗ ਕਰੋ

ਉਦਾਹਰਣ 2

ਹਰੇਕ <i> ਐਲਾਇਮੈਂਟ ਦੇ ਪਹਿਲੇ ਬੱਚੇ ਦੇ ਸਟਾਈਲ ਚੋਣ ਅਤੇ ਸੈਟ ਕਰੋ ਜੋ ਆਪਣੇ ਪੈਰੈਂਟ ਐਲਾਇਮੈਂਟ ਦੇ ਪਹਿਲੇ ਬੱਚੇ ਵਜੋਂ ਹਨ:

i:first-child {
  ਬੈਕਗਰਾਊਂਡ: ਪੇਲੇਨਾ;
}

ਆਪਣੇ ਆਪ ਨਾਲ ਪ੍ਰਯੋਗ ਕਰੋ

ਉਦਾਹਰਣ 3

ਲਿਸਟ ਵਿੱਚ ਪਹਿਲੇ <li> ਐਲਾਇਮੈਂਟ ਦੇ ਸਟਾਈਲ ਚੋਣ ਅਤੇ ਸੈਟ ਕਰੋ:

li:first-child {
  ਬੈਕਗਰਾਊਂਡ: ਪੇਲੇਨਾ;
}

ਆਪਣੇ ਆਪ ਨਾਲ ਪ੍ਰਯੋਗ ਕਰੋ

ਉਦਾਹਰਣ 4

ਹਰੇਕ <ul> ਐਲਾਇਮੈਂਟ ਦੇ ਪਹਿਲੇ ਬੱਚੇ ਦੇ ਸਟਾਈਲ ਚੋਣ ਅਤੇ ਸੈਟ ਕਰੋ:

ul > :first-child {
  ਬੈਕਗਰਾਊਂਡ: ਪੇਲੇਨਾ;
}

ਆਪਣੇ ਆਪ ਨਾਲ ਪ੍ਰਯੋਗ ਕਰੋ

ਸਸ ਸਿਨਟੈਕਸ

:first-child {
  ਸਸ ਐਲਾਇਮੈਂਟਸ;
}

ਤਕਨੀਕੀ ਵੇਰਵੇ

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

ਸਾਰੇ ਪਸ਼ੇਲਾਂ ਦੀ ਪੂਰੀ ਸਮਰੱਥਾ ਵਾਲੇ ਪਹਿਲੇ ਬਰਾਊਜ਼ਰ ਵਰਜਨ ਨੂੰ ਤਾਲਿਕਾ ਵਿੱਚ ਦਿੱਤਾ ਗਿਆ ਹੈ。