ਸੀਐੱਸਐੱਸ :nth-last-child() ਪਸੀਡਾ

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

ਸੀਐੱਸਐੱਸ :nth-last-child(n) ਪਸੀਡਾ ਇਹ ਪਸੀਡਾ ਵਿੱਚ ਪਸੀਡਾ ਦੇ ਅੰਤਿਮ ਸਿਖਰ ਦੇ ਵਿਸ਼ੇਸ਼ ਪ੍ਰਕਾਰ ਦੇ ਬੱਚੇ ਐਲੀਮੈਂਟ ਦੇ ਚੋਣ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ, ਚੋਣ ਕੀਤੇ ਗਏ ਬੱਚੇ ਐਲੀਮੈਂਟ ਦੇ ਪ੍ਰਕਾਰ ਨਾਲ ਨਾ ਸੰਬੰਧਿਤ ਹੁੰਦੇ ਹਨ。

n ਇਹ ਇੱਕ ਨੰਬਰ/ਸੰਕੇਤਾਂਕ ਹੋ ਸਕਦਾ ਹੈ, ਇੱਕ ਕੀਵਾਰਡ (ਵਿਅਮਕਰਮਾ ਜਾਂ ਪਾਰਸਮਾਨ) ਜਾਂ ਇੱਕ ਫਾਰਮੂਲਾ (ਜਿਵੇਂ ਏn + ਬ)

ਸੁਝਾਅ: :nth-last-of-type() ਪਸੀਡਾ ਇਹ ਪਸੀਡਾ ਵਿੱਚ ਪਸੀਡਾ ਦੇ ਅੰਤਿਮ ਸਿਖਰ ਦੇ ਵਿਸ਼ੇਸ਼ ਪ੍ਰਕਾਰ ਦੇ ਬੱਚੇ ਐਲੀਮੈਂਟ ਦੇ ਚੋਣ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ, n ਬੱਚੇ ਦੇ ਇੱਕ ਵਿਅਕਤੀ ਐਲੀਮੈਂਟ

ਉਦਾਹਰਣ

ਉਦਾਹਰਣ 1

ਇਹ ਪਿੱਛੇ ਰੰਗ ਦੀ ਨਿਰਦੇਸ਼ ਦਿੰਦੇ ਹਾਂ ਜੋ ਆਪਣੇ ਪੈਰੈਂਟ ਐਲੀਮੈਂਟ ਦੇ ਅੰਤਿਮ ਦੂਜੇ ਬੱਚੇ ਵਜੋਂ ਹਨ:

p:nth-last-child(2) {
  background-color: red;
}

ਸਵੈ ਸਿਖਲਾਈ ਦੋਵੇ

ਉਦਾਹਰਣ 2

ਵਿਅਮਕਰਮਾ ਅਤੇ ਪਾਰਸਮਾਨ ਇਹ ਕੀਵਾਰਡ ਹੈ, ਇਹ ਵਿਅਮਕਰਮਾ ਅਤੇ ਪਾਰਸਮਾਨ ਨੂੰ ਪਰਖਣ ਲਈ ਵਰਤਿਆ ਜਾ ਸਕਦਾ ਹੈ。

ਇੱਥੇ ਅਸੀਂ ਅੰਤਿਮ ਸਿਖਰ ਦੇ ਅੰਕ ਦੇ ਵਿਅਮਕਰਮਾ ਅਤੇ ਪਾਰਸਮਾਨ ਨੂੰ ਬਦਲਦੇ ਹਾਂ:

p:nth-last-child(odd) {
  background-color: red;
}
p:nth-last-child(even) {
  background-color: blue;
}

ਸਵੈ ਸਿਖਲਾਈ ਦੋਵੇ

ਉਦਾਹਰਣ 3

ਫਾਰਮੂਲਾ ਦੀ ਵਰਤੋਂ ਕਰਕੇ (ਏn + ਬਵਰਣਨ:ਏ ਇਹ ਪੂਰਣ ਅੰਕ ਦਾ ਪਾਲਣ ਕਰਦਾ ਹੈ, n ਇਹ 0 ਤੋਂ ਸ਼ੁਰੂ ਹੋਣ ਵਾਲਾ ਸਾਰੇ ਪੂਰਣ ਅੰਕ ਹੈ,ਬ ਇਹ ਪੂਰਣ ਅੰਕ ਹੈ。

ਇੱਥੇ ਅਸੀਂ 3 ਦੇ ਦ੍ਰਿਸ਼ਟੀਕੋਣ ਦੇ ਅੰਤਿਮ ਸਿਖਰ ਸਮਾਨ ਸਾਰੇ <p> ਐਲੀਮੈਂਟਾਂ ਲਈ ਪਿੱਛੇ ਰੰਗ ਦੀ ਨਿਰਦੇਸ਼ ਦਿੰਦੇ ਹਾਂ:

p:nth-last-child(3n+0) {
  background-color: red;
}

ਸਵੈ ਸਿਖਲਾਈ ਦੋਵੇ

ਸੀਐੱਸਐੱਸ ਗਰਮਾਤਾ

:nth-last-child(ਇੰਡੈਕਸ ਅਤੇ | ਵਿਅਮਕਰਮਾ | ਪਾਰਸਮਾਨ ਏਨ+ਬ) {
  ਸੀਐੱਸਐੱਸ ਨਿਰਦੇਸ਼;
}

ਤਕਨੀਕੀ ਵੇਰਵੇ

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

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