ਸਟਾਈਲ ਕਲਾਸ ਅਤੇ ਆਈਡੀ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ

ਕਲਾਸ ਅਤੇ ਆਈਡੀ ਦੀ ਮਦਦ ਕਰੋ ਆਪਣਾ CSS ਵਧਾਓ

ਅੱਜ ਦੇ ਵੈੱਬਸਾਈਟ ਨੂੰ ਵੈੱਬਸਾਈਟ ਬਣਾਉਣ ਲਈ CSS ਦੀ ਇੱਕ ਡੂੰਘੀ ਸਮਝ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ (ਕੈਸਡੈਡੀਕੇਡ ਸਟਾਈਲ ਸ਼ੀਟ) ਇਹ ਉਹ ਹਿਦਾਇਤਾਂ ਹਨ ਜੋ ਤੁਸੀਂ ਇੱਕ ਵੈਬਸਾਈਟ ਦਿੰਦੇ ਹੋ ਜੋ ਇਹ ਨਿਸ਼ਚਿਤ ਕਰਨ ਲਈ ਕਰਦਾ ਹੈ ਕਿ ਇਹ ਬ੍ਰਾਊਜ਼ਰ ਵਿੰਡੋ ਵਿੱਚ ਕੀ ਖਾਕਾ ਹੈ. ਤੁਸੀਂ ਆਪਣੇ HTML ਦਸਤਾਵੇਜ਼ ਦੀ ਇੱਕ ਲੜੀ "ਸ਼ੈਲੀਆਂ" ਲਾਗੂ ਕਰਦੇ ਹੋ ਜੋ ਤੁਹਾਡੇ ਵੈੱਬਪੇਜ ਦੀ ਦਿੱਖ ਅਤੇ ਮਹਿਸੂਸ ਕਰੇਗਾ.

ਇੱਕ ਡੌਕਯੁਮੈੱਨਟ ਵਿੱਚ ਉਹ ਪਹਿਲਾਂ ਦਿੱਤੇ ਸਟਾਈਲ ਲਾਗੂ ਕਰਨ ਦੇ ਕਈ ਤਰੀਕੇ ਹਨ, ਪਰ ਕਈ ਵਾਰ ਤੁਸੀਂ ਇੱਕ ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਕੁਝ ਤੱਤ ਦੇ ਇੱਕ ਸਟਾਇਲ ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ, ਪਰੰਤੂ ਉਸ ਤੱਤ ਦੇ ਸਾਰੇ ਮੌਕੇ ਨਹੀਂ.

ਤੁਸੀਂ ਇੱਕ ਸ਼ੈਲੀ ਬਣਾਉਣਾ ਚਾਹ ਸਕਦੇ ਹੋ ਜੋ ਤੁਸੀਂ ਇੱਕ ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਕਈ ਤੱਤਾਂ ਤੇ ਲਾਗੂ ਕਰ ਸਕਦੇ ਹੋ, ਬਿਨਾਂ ਹਰ ਇਕ ਉਦਾਹਰਨ ਲਈ ਸ਼ੈਲੀ ਨਿਯਮਾਂ ਨੂੰ ਦੁਹਰਾਓ. ਇਹਨਾਂ ਲੋੜੀਦੀਆਂ ਸਟਾਈਲ ਨੂੰ ਹਾਸਿਲ ਕਰਨ ਲਈ, ਤੁਸੀਂ ਕਲਾਸ ਅਤੇ ਆਈਡੀ HTML ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦੀ ਵਰਤੋਂ ਕਰੋਗੇ. ਇਹ ਗੁਣ ਵਿਸ਼ਵਵਿਆਪੀ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਹਨ ਜੋ ਲਗਭਗ ਹਰ HTML ਟੈਗ ਤੇ ਲਾਗੂ ਕੀਤੇ ਜਾ ਸਕਦੇ ਹਨ .ਇਸਦਾ ਮਤਲਬ ਹੈ ਕਿ ਤੁਸੀਂ ਆਪਣੇ ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਭਾਗਾਂ, ਪੈਰਿਆਂ, ਲਿੰਕ, ਸੂਚੀਆਂ ਜਾਂ HTML ਦੇ ਕਿਸੇ ਵੀ ਹਿੱਸੇ ਨੂੰ ਸਟਾਈਲ ਕਰ ਰਹੇ ਹੋ, ਤੁਸੀਂ ਕਲਾਸ ਅਤੇ ਆਈਡੀ ਦੇ ਗੁਣਾਂ ਨੂੰ ਬਦਲ ਸਕਦੇ ਹੋ ਇਹ ਕੰਮ ਪੂਰਾ ਕਰਨ ਵਿੱਚ ਤੁਹਾਡੀ ਮਦਦ ਕਰੋ!

ਕਲਾਸ ਚੋਣਕਾਰ

ਕਲਾਸ ਚੋਣਕਾਰ ਤੁਹਾਨੂੰ ਇੱਕ ਡੌਕਯੁਮੈੱਨਟ ਵਿੱਚ ਉਸੇ ਐਲੀਮੈਂਟ ਜਾਂ ਟੈਗ ਵਿੱਚ ਮਲਟੀਪਲ ਸਟਾਈਲ ਸੈੱਟ ਕਰਨ ਦੀ ਇਜਾਜ਼ਤ ਦਿੰਦਾ ਹੈ. ਉਦਾਹਰਨ ਲਈ, ਤੁਸੀਂ ਆਪਣੇ ਪਾਠ ਦੇ ਕੁਝ ਹਿੱਸੇ ਨੂੰ ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਬਾਕੀ ਦੇ ਪਾਠ ਤੋਂ ਵੱਖਰੇ ਰੰਗ ਵਿੱਚ ਬੁਲਾ ਸਕਦੇ ਹੋ. ਇਹ ਹਾਈਲਾਈਟ ਕੀਤੇ ਗਏ ਭਾਗ ਇੱਕ "ਚੇਤਾਵਨੀ" ਹੋ ਸਕਦੇ ਹਨ ਜੋ ਤੁਸੀਂ ਪੰਨਾ ਤੇ ਸੈਟ ਕਰ ਰਹੇ ਹੋ. ਤੁਸੀਂ ਇਸ ਤਰ੍ਹਾਂ ਦੀਆਂ ਕਲਾਸਾਂ ਦੇ ਨਾਲ ਆਪਣੇ ਪੈਰਾਗਰਾਂ ਨੂੰ ਨਿਰਧਾਰਤ ਕਰ ਸਕਦੇ ਹੋ:


ਪੀ {color: # 0000ff; }
p.alert {color: # ff0000; }

ਇਹ ਸਟਾਈਲ ਸਾਰੇ ਪੈਰਿਆਂ ਦਾ ਰੰਗ ਨੀਲੇ (# 0000ff) ਤੱਕ ਸੈੱਟ ਕਰ ਦੇਵੇਗਾ ਪਰੰਤੂ "ਅਲਰਟ" ਦੀ ਇੱਕ ਕਲਾ ਵਿਸ਼ੇਸ਼ਤਾ ਦੇ ਨਾਲ ਕੋਈ ਪੈਰਾ ਲਾਲ (# ff0000) ਵਿੱਚ ਸਟਾਇਲ ਕਰਕੇ ਹੋਵੇਗਾ. ਇਹ ਇਸ ਲਈ ਹੈ ਕਿਉਂਕਿ ਕਲਾਸ ਵਿਸ਼ੇਸ਼ਤਾ ਦੀ ਪਹਿਲੀ CSS ਨਿਯਮ ਨਾਲੋਂ ਵੱਧ ਵਿਸ਼ੇਸ਼ਤਾ ਹੈ, ਜੋ ਸਿਰਫ ਇੱਕ ਟੈਗ ਚੋਣਕਾਰ ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ.

CSS ਦੇ ਨਾਲ ਕੰਮ ਕਰਦੇ ਸਮੇਂ, ਇੱਕ ਹੋਰ ਵਿਸ਼ੇਸ਼ ਨਿਯਮ ਇੱਕ ਘੱਟ ਸਪਸ਼ਟ ਇੱਕ ਨੂੰ ਅਣਡਿੱਠਾ ਕਰ ਦੇਵੇਗਾ. ਇਸ ਉਦਾਹਰਨ ਵਿੱਚ, ਵਧੇਰੇ ਆਮ ਨਿਯਮ ਸਾਰੇ ਪੈਰਿਆਂ ਦਾ ਰੰਗ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ, ਪਰ ਦੂਜਾ, ਵਧੇਰੇ ਖਾਸ ਨਿਯਮ ਨੂੰ ਓਵਰਰਾਈਡ ਕਰਦਾ ਹੈ, ਜੋ ਸਿਰਫ ਕੁਝ ਪੈਰਿਆਂ 'ਤੇ ਸੈਟ ਕਰਦੇ ਹਨ.

ਇੱਥੇ ਕੁਝ HTML ਮਾਰਕਅਪ ਵਿੱਚ ਇਹ ਕਿਵੇਂ ਵਰਤਿਆ ਜਾ ਸਕਦਾ ਹੈ:


ਇਹ ਪੈਰਾ ਨੀਲੇ ਵਿੱਚ ਵਿਖਾਇਆ ਜਾਵੇਗਾ, ਜੋ ਕਿ ਪੰਨਾ ਲਈ ਮੂਲ ਹੈ.


ਇਹ ਪੈਰਾ ਵੀ ਨੀਲੇ ਵਿਚ ਹੋਵੇਗਾ.


ਅਤੇ ਇਸ ਪੈਰਾ ਨੂੰ ਲਾਲ ਰੰਗ ਵਿੱਚ ਪ੍ਰਦਰਸ਼ਿਤ ਕੀਤਾ ਜਾਵੇਗਾ ਕਿਉਂਕਿ ਕਲਾਸ ਵਿਸ਼ੇਸ਼ਤਾ ਤੱਤ ਚੋਣਕਾਰ ਸਟਾਈਲ ਤੋਂ ਸਟੈਂਡਰਡ ਨੀਲੇ ਰੰਗ ਨੂੰ ਓਵਰਰਾਈਟ ਕਰੇਗੀ.

ਇਸ ਉਦਾਹਰਨ ਵਿੱਚ, "p.alert" ਦੀ ਸ਼ੈਲੀ ਕੇਵਲ ਪੈਰਾਗ੍ਰਾਫ ਦੇ ਤੱਤਾਂ ਤੇ ਲਾਗੂ ਹੋਵੇਗੀ ਜੋ "ਅਲਾਰਮ" ਵਰਗ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹਨ. ਜੇ ਤੁਸੀਂ ਉਸ ਕਲਾਸ ਨੂੰ ਕਈ HTML ਤੱਤਾਂ ਵਿੱਚ ਵਰਤਣਾ ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ ਤੁਸੀਂ ਬਸ HTML ਐਲੀਮੈਂਟ ਨੂੰ ਸ਼ੁਰੂਆਤ ਤੋਂ ਹਟਾ ਦੇਵੋਗੇ ਸ਼ੈਲੀ ਕਾਲ (ਸਿਰਫ ਇਸ ਸਮੇਂ ਨੂੰ ਛੱਡਣ ਦਾ ਧਿਆਨ ਰੱਖੋ), ਜਿਵੇਂ ਕਿ:


.alert {ਪਿੱਠਭੂਮੀ-ਰੰਗ: # ff0000;}

ਇਹ ਕਲਾਸ ਹੁਣ ਕਿਸੇ ਵੀ ਤੱਤ ਲਈ ਉਪਲਬਧ ਹੈ ਜਿਸ ਦੀ ਲੋੜ ਹੈ ਤੁਹਾਡੇ HTML ਦਾ ਕੋਈ ਵੀ ਹਿੱਸਾ ਜਿਸਦਾ "ਚੇਤਾਵਨੀ" ਦਾ ਕਲਾਸ ਵਿਸ਼ੇਸ਼ਤਾ ਮੁੱਲ ਹੈ, ਨੂੰ ਹੁਣ ਇਹ ਸ਼ੈਲੀ ਮਿਲੇਗੀ. ਹੇਠਾਂ ਦਿੱਤੇ HTML ਵਿੱਚ, ਸਾਡੇ ਕੋਲ ਇੱਕ ਪੈਰਾ ਅਤੇ ਇੱਕ ਸਿਰਲੇਖ ਪੱਧਰ 2 ਹੈ ਜੋ "ਚੇਤਾਵਨੀ" ਵਰਗ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹਨ. ਇਹਨਾਂ ਦੋਨਾਂ ਵਿੱਚ ਬੈਕਗ੍ਰਾਉਂਡ-ਰੰਗ ਲਾਲ ਹੋਵੇਗਾ ਜੋ ਕਿ CSS ਤੇ ਅਧਾਰਤ ਹੈ, ਅਸੀਂ ਕੇਵਲ ਦਿਖਾਇਆ ਹੈ.


ਇਹ ਪੈਰਾ ਲਾਲ ਵਿਚ ਲਿਖਿਆ ਜਾਵੇਗਾ

ਅਤੇ ਇਹ h2 ਵੀ ਲਾਲ ਹੋਵੇਗਾ.

ਅੱਜ ਦੀਆਂ ਵੈਬਸਾਈਟਾਂ ਤੇ, ਕਲਾਸ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਅਕਸਰ ਅਕਸਰ ਜ਼ਿਆਦਾਤਰ ਤੱਤਾਂ ਉੱਤੇ ਵਰਤੀਆਂ ਜਾਂਦੀਆਂ ਹਨ ਕਿਉਂਕਿ ਉਹਨਾਂ ਦੇ ਨਾਲ ਵਿਸ਼ੇਸ਼ਤਾ ਦੇ ਦ੍ਰਿਸ਼ਟੀਕੋਣ ਤੋਂ ਕੰਮ ਕਰਨਾ ਸੌਖਾ ਹੁੰਦਾ ਹੈ ਜੋ ਕਿ ID ਹਨ. ਤੁਸੀਂ ਕਲਾਸ ਗੁਣਾਂ ਨਾਲ ਭਰਨ ਲਈ ਸਭ ਤੋਂ ਵੱਧ ਮੌਜੂਦਾ HTML ਪੰਨਿਆਂ ਨੂੰ ਲੱਭੋਗੇ, ਜਿਨ੍ਹਾਂ ਵਿੱਚੋਂ ਕੁਝ ਨੂੰ ਇੱਕ ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਕਈ ਵਾਰ ਦੁਹਰਾਇਆ ਜਾਂਦਾ ਹੈ ਅਤੇ ਹੋਰਾਂ ਨੂੰ ਸਿਰਫ਼ ਇੱਕ ਵਾਰ ਹੀ ਪ੍ਰਗਟ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ.

ID ਚੋਣਕਾਰ

ID ਚੋਣਕਾਰ ਤੁਹਾਨੂੰ ਕਿਸੇ ਵਿਸ਼ੇਸ਼ ਸ਼ੈਲੀ ਨੂੰ ਟੈਗ ਜਾਂ ਹੋਰ HTML ਐਲੀਮੈਂਟ ਨਾਲ ਜੋੜਨ ਤੋਂ ਬਿਨਾਂ ਨਾਮ ਦੇਣ ਦੀ ਇਜਾਜ਼ਤ ਦਿੰਦਾ ਹੈ . ਕਹੋ ਕਿ ਤੁਹਾਡੇ ਕੋਲ ਆਪਣੇ ਐਚਐਲਐਲ ਮਾਰਕ-ਆਊਟ ਵਿਚ ਇਕ ਡਵੀਜ਼ਨ ਹੈ ਜਿਸ ਵਿਚ ਇਕ ਈਵੈਂਟ ਬਾਰੇ ਜਾਣਕਾਰੀ ਹੈ.

ਤੁਸੀਂ ਇਸ ਡਿਵੀਜ਼ਨ ਨੂੰ "ਇਵੈਂਟ" ਦਾ ਇੱਕ ਆਈਡੀ ਐਟਰੀਬਿਊਟ ਦੇ ਸਕਦੇ ਹੋ, ਅਤੇ ਫਿਰ ਜੇ ਤੁਸੀਂ 1-ਪਿਕਸਲ ਚੌੜੇ ਕਾਲੀ ਸਰਹੱਦ ਦੇ ਨਾਲ ਉਹ ਡਿਵੀਜ਼ਨ ਨੂੰ ਰੂਪਰੇਖਾ ਦੇਣਾ ਚਾਹੁੰਦੇ ਹੋ ਤਾਂ ਤੁਸੀਂ ਇਸ ਤਰ੍ਹਾਂ ਇੱਕ ਆਈਡੀ ਕੋਡ ਲਿਖੋ:


#event {ਬਾਰਡਰ: 1 ਪੈਕਸ ਠੋਸ # 000; }

ID ਚੋਣਕਰਤਾਵਾਂ ਨਾਲ ਚੁਣੌਤੀ ਇਹ ਹੈ ਕਿ ਉਹਨਾਂ ਨੂੰ ਇੱਕ HTML ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਦੁਹਰਾਇਆ ਨਹੀਂ ਜਾ ਸਕਦਾ. ਉਹ ਵਿਲੱਖਣ ਹੋਣੇ ਚਾਹੀਦੇ ਹਨ (ਤੁਸੀਂ ਆਪਣੀ ਸਾਈਟ ਦੇ ਕਈ ਪੰਨਿਆਂ ਤੇ ਇੱਕੋ ਆਈਡੀ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ, ਪਰ ਹਰੇਕ ਵਿਅਕਤੀਗਤ HTML ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਸਿਰਫ ਇੱਕ ਵਾਰ). ਇਸ ਲਈ ਜੇਕਰ ਤੁਹਾਡੇ ਕੋਲ 3 ਇਵੈਂਟਾਂ ਹਨ ਜੋ ਕਿ ਇਸ ਸਰਹੱਦ ਦੀ ਲੋੜ ਹੈ, ਤਾਂ ਤੁਹਾਨੂੰ ਉਨ੍ਹਾਂ ਨੂੰ "event1", "event2" ਅਤੇ "event3" ਦੇ ID ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦੇਣ ਦੀ ਜ਼ਰੂਰਤ ਹੈ ਅਤੇ ਉਨ੍ਹਾਂ ਵਿੱਚੋ ਹਰੇਕ ਸ਼ੈਲੀ. ਇਸ ਲਈ, "ਘਟਨਾ" ਦੇ ਉਪਰੋਕਤ ਕਲਾਸ ਐਟਰੀਬਿਊਟ ਨੂੰ ਵਰਤਣ ਵਿੱਚ ਬਹੁਤ ਸੌਖਾ ਹੋ ਸਕਦਾ ਹੈ ਅਤੇ ਉਹਨਾਂ ਨੂੰ ਇੱਕੋ ਵਾਰ ਵਿੱਚ ਸਟਾਈਲ ਕਰ ਸਕਦਾ ਹੈ.

ID ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਨਾਲ ਇਕ ਹੋਰ ਚੁਣੌਤੀ ਇਹ ਹੈ ਕਿ ਉਹਨਾਂ ਦੇ ਕਲਾਸ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਤੋਂ ਵੱਧ ਵਿਸ਼ੇਸ਼ਤਾ ਹੈ. ਇਸ ਦਾ ਭਾਵ ਹੈ ਕਿ ਜੇ ਤੁਹਾਨੂੰ ਪਹਿਲਾਂ ਸਥਾਪਤ ਸ਼ੈਲੀ ਨੂੰ ਅਣਡਿੱਠ ਕਰਦੇ ਹੋਏ CSS ਦੀ ਲੋੜ ਹੈ, ਤਾਂ ਇਹ ਕਰਨਾ ਮੁਸ਼ਕਲ ਹੋ ਸਕਦਾ ਹੈ ਜੇ ਤੁਸੀਂ ID ਤੇ ਬਹੁਤ ਜ਼ਿਆਦਾ ਭਰੋਸਾ ਕੀਤਾ ਹੋਵੇ. ਇਹ ਇਸ ਕਾਰਨ ਕਰਕੇ ਹੈ ਕਿ ਬਹੁਤ ਸਾਰੇ ਵੈਬ ਡਿਵੈਲਪਰ ਨੇ ਆਪਣੇ ਮਾਰਕਅੱਪ ਵਿੱਚ ID ਦੀ ਵਰਤੋਂ ਕਰਨ ਤੋਂ ਦੂਰ ਚਲੇ ਗਏ ਹਨ, ਭਾਵੇਂ ਕਿ ਉਹ ਸਿਰਫ ਉਸ ਵੈਲਯੂ ਦੀ ਵਰਤੋਂ ਕਰਨ ਦਾ ਇਰਾਦਾ ਰੱਖਦੇ ਹਨ, ਅਤੇ ਇਸ ਦੀ ਬਜਾਏ ਲਗਭਗ ਸਾਰੀਆਂ ਸਟਾਈਲਾਂ ਲਈ ਘੱਟ-ਵਿਸ਼ੇਸ਼ ਸ਼੍ਰੇਣੀ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਵੱਲ ਮੋੜੇ ਜਾਂਦੇ ਹਨ.

ਇੱਕ ਅਜਿਹੀ ਥਾਂ ਜਿੱਥੇ ਆਈਡੀ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਪਲੇਅ ਵਿੱਚ ਆਉਂਦੀਆਂ ਹਨ ਜਦੋਂ ਤੁਸੀਂ ਇੱਕ ਸਫ਼ਾ ਬਣਾਉਣਾ ਚਾਹੁੰਦੇ ਹੋ ਜਿਸ ਵਿੱਚ ਇਨ-ਪੇਜ਼ ਐਨਕਰ ਲਿੰਕ ਹਨ. ਮਿਸਾਲ ਦੇ ਤੌਰ ਤੇ, ਜੇ ਤੁਹਾਡੇ ਕੋਲ ਇੱਕ ਪੈਰੀਲੇਕਸ ਸਟਾਈਲ ਦੀ ਵੈੱਬਸਾਈਟ ਹੈ ਜਿਸ ਵਿੱਚ ਇੱਕ ਪੰਨੇ 'ਤੇ ਸਾਰੀ ਸਮੱਗਰੀ ਹੁੰਦੀ ਹੈ ਤਾਂ ਉਸ ਪੰਨੇ ਦੇ ਵੱਖ ਵੱਖ ਹਿੱਸਿਆਂ ਵਿੱਚ "ਜੰਪ" ਦੇ ਲਿੰਕ ਹੁੰਦੇ ਹਨ. ਇਹ ID ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਅਤੇ ਟੈਕਸਟ ਲਿੰਕਸ ਦਾ ਇਸਤੇਮਾਲ ਕਰਕੇ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਜੋ ਇਹਨਾਂ ਐਂਕਰ ਲਿੰਕਾਂ ਦਾ ਉਪਯੋਗ ਕਰਦੇ ਹਨ.

ਤੁਸੀਂ ਇਸ ਗੁਣ ਦੇ ਮੁੱਲ ਨੂੰ # ਚਿੰਨ੍ਹ ਤੋਂ ਪਹਿਲਾਂ, ਲਿੰਕ ਦੇ href ਗੁਣਾਂ ਨੂੰ ਜੋੜ ਸਕਦੇ ਹੋ, ਇਸ ਤਰ੍ਹਾਂ:

ਇਹ ਲਿੰਕ ਹੈ

ਜਦੋਂ ਕਲਿੱਕ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਜਾਂ ਛੋਹਿਆ ਜਾਂਦਾ ਹੈ, ਤਾਂ ਇਹ ਲਿੰਕ ਉਸ ਪੰਨੇ ਦੇ ਉਸ ਹਿੱਸੇ ਨੂੰ ਛੂੰਹਦਾ ਹੈ ਜਿਸਦਾ ID ਪਛਾਣ ਗੁਣ ਹੈ. ਜੇ ਪੰਨੇ 'ਤੇ ਕੋਈ ਤੱਤ ਇਸ ID ਮੁੱਲ ਨੂੰ ਵਰਿਤਆ ਨਹੀਂ, ਤਾਂ ਲਿੰਕ ਕੁਝ ਨਹੀਂ ਕਰੇਗਾ.

ਯਾਦ ਰੱਖੋ, ਜੇ ਤੁਸੀਂ ਕਿਸੇ ਸਾਈਟ ਤੇ ਇਨ-ਪੇਜ਼ ਲਿੰਕ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ ਆਈਡੀ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦੀ ਵਰਤੋਂ ਦੀ ਲੋੜ ਹੋਵੇਗੀ, ਪਰ ਤੁਸੀਂ ਅਜੇ ਵੀ ਆਮ CSS ਸਟਾਇਲ ਦੇ ਉਦੇਸ਼ਾਂ ਲਈ ਕਲਾਸਾਂ ਵਿੱਚ ਜਾ ਸਕਦੇ ਹੋ. ਇਸ ਤਰ੍ਹਾਂ ਮੈਂ ਅੱਜ ਪੰਨਿਆਂ ਦਾ ਹਿਸਾਬ ਲਗਾਉਂਦਾ ਹਾਂ - ਮੈਂ ਕਲਾਸ ਚੋਣਕਾਰ ਜਿੰਨਾ ਜਿਆਦਾ ਸੰਭਵ ਤੌਰ 'ਤੇ ਵਰਤਿਆ ਹੈ ਅਤੇ ਸਿਰਫ ਆਈਡੀਜ਼ ਨੂੰ ਚਾਲੂ ਕਰਦਾ ਹਾਂ ਜਦੋਂ ਮੈਨੂੰ ਐਟਰੀਬਿਊਟ ਦੀ ਲੋੜ ਨਹੀਂ ਕੇਵਲ CSS ਲਈ ਇੱਕ ਹੁੱਕ ਦੇ ਤੌਰ ਤੇ ਕਾਰਜ ਕਰਨ ਦੀ ਲੋੜ ਹੈ ਲੇਕਿਨ ਇੱਕ ਇਨ-ਪੇਜ਼ ਲਿੰਕ ਦੇ ਰੂਪ ਵਿੱਚ ਵੀ.

ਜੈਨੀਫਰ ਕ੍ਰਿਨਿਨ ਦੁਆਰਾ ਮੂਲ ਲੇਖ. 8/9/17 ਤੇ ਜੇਰੇਮੀ ਗਿਰਾਡ ਦੁਆਰਾ ਸੰਪਾਦਿਤ