CSS ਸ਼ੁਰੂ ਕਰਨਾ
CSS ਇਹ ਪਤਾ ਕਰਨ ਲਈ ਕਿ ਕਿਹੜਾ ਸਟਾਈਲ ਡੌਕਯੂਮੈਂਟ ਵਿਚ ਕਿਹੜਾ ਤੱਤ ਲਾਗੂ ਹੁੰਦਾ ਹੈ, ਪੈਟਰਨ ਮੇਲਿੰਗ ਨਿਯਮਾਂ ਤੇ ਨਿਰਭਰ ਕਰਦਾ ਹੈ. ਇਹਨਾਂ ਪੈਟਰਨਾਂ ਨੂੰ ਚੋਣਕਰਤਾ ਕਿਹਾ ਜਾਂਦਾ ਹੈ ਅਤੇ ਉਹ ਟੈਗ ਨਾਂ (ਉਦਾਹਰਨ ਲਈ, ਪੈਰਾਗ੍ਰਾਫ ਟੈਗਸ ਨਾਲ ਮੇਲ ਕਰਨ ਲਈ) ਨੂੰ ਇੱਕ ਬਹੁਤ ਹੀ ਗੁੰਝਲਦਾਰ ਪੈਟਰਨ ਨਾਲ ਸਬੰਧਤ ਹੁੰਦੇ ਹਨ ਜੋ ਇੱਕ ਦਸਤਾਵੇਜ਼ ਦੇ ਬਹੁਤ ਹੀ ਖਾਸ ਹਿੱਸੇ ਨਾਲ ਮੇਲ ਖਾਂਦੇ ਹਨ (ਉਦਾਹਰਨ ਲਈ, p # myid> b.highlight ਨਾਲ ਕਿਸੇ ਵੀ ਬੀ ਟੈਗ ਨਾਲ ਮੇਲ ਖਾਂਦਾ ਹੈ ਹਾਈਲਾਈਟ ਦੀ ਇੱਕ ਕਲਾਸ ਜੋ ਕਿ id myid ਦੇ ਪੈਰਾਗ੍ਰਾਫ ਦਾ ਇੱਕ ਬੱਚੇ ਹੈ).
ਇੱਕ CSS ਚੋਣਕਾਰ ਇੱਕ CSS ਸ਼ੈਲੀ ਕਾਲ ਦਾ ਇੱਕ ਹਿੱਸਾ ਹੈ ਜੋ ਵੈੱਬਪੇਜ ਦੇ ਕਿਸ ਹਿੱਸੇ ਨੂੰ ਸਟਾਇਲ ਕੀਤਾ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ. ਚੋਣਕਾਰ ਵਿੱਚ ਇੱਕ ਜਾਂ ਇੱਕ ਤੋਂ ਵੱਧ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਹੁੰਦੀਆਂ ਹਨ ਜੋ ਪਰਿਭਾਸ਼ਿਤ ਕਰਦੀਆਂ ਹਨ ਕਿ ਚੁਣੀ ਗਈ HTML ਕਿਵੇਂ ਸਟਾਇਲ ਕੀਤੀ ਜਾਏਗੀ.
CSS ਚੋਣਕਾਰ
ਚੋਣਕਾਰਾਂ ਦੀਆਂ ਕਈ ਵੱਖ ਵੱਖ ਕਿਸਮਾਂ ਹਨ:
- ਚੋਣਕਾਰ ਦੀ ਚੋਣ ਕਰੋ- ਇੱਕ ਵਿਸ਼ੇਸ਼ ਤੱਤ ਨਾਲ ਮੇਲ ਖਾਂਦੇ
- ਇੱਕ ਵਿਸ਼ੇਸ਼ ਕਲਾਸ ਦੇ ਨਾਲ ਕਲਾਸ ਚੋਣਕਾਰ-ਮੇਲਿੰਗ ਤੱਤ
- ID ਚੋਣਕਾਰ- ਕਿਸੇ ਖਾਸ ID ਨਾਲ ਤੱਤ ਨਾਲ ਮੇਲ ਖਾਂਦੇ ਹਨ
- ਵੰਸ਼ ਸੰਨ੍ਹ ਲਗਾਉਣ ਵਾਲੇ - ਇਕ ਵਿਸ਼ੇਸ਼ ਤੱਤ ਦੇ ਸੰਤਾਨ ਹਨ
- ਬਾਲ ਚੋਣਕਾਰ-ਮੇਲਣ ਕਰਨ ਵਾਲੇ ਤੱਤ ਜਿਹੜੇ ਵਿਸ਼ੇਸ਼ ਤੱਤ ਦੇ ਬੱਚੇ ਹਨ
- ਯੂਨੀਵਰਸਲ ਚੋਣਕਾਰ-ਕਿਸੇ ਵੀ ਤੱਤ ਨਾਲ ਮੇਲ ਖਾਂਦੇ ਹਨ
- ਸੰਭਾਵੀ ਭਰਾ ਭਰਾ ਚੋਣਕਾਰ-ਮੇਲਿੰਗ ਤੱਤ ਜੋ ਇਕ ਤੱਤ ਦੁਆਰਾ ਤੁਰੰਤ ਇੱਕ ਖਾਸ ਤੱਤ ਦੁਆਰਾ
- ਖਾਸ ਵਿਸ਼ੇਸ਼ਤਾ ਜਾਂ ਵਿਸ਼ੇਸ਼ਤਾ ਮੁੱਲ ਦੇ ਨਾਲ ਚੋਣਕਰਤਾ-ਮੇਲਿੰਗ ਤੱਤ ਵਿਸ਼ੇਸ਼ਤਾ
- ਸੂਡੋ-ਕਲਾਸ ਚੋਣਕਰਤਾ-ਇਕ ਖਾਸ ਸੂਡੋ ਕਲਾਸ ਨਾਲ ਮੇਲ ਖਾਂਦੇ ਤੱਤ
- ਸੂਤਰ-ਤੱਤ ਚੋਣਕਾਰ-ਵਿਸ਼ੇਸ਼ ਤੱਤ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦੇ ਮੇਲ-ਮਿਲਾਉਣ ਵਾਲੇ ਤੱਤ
CSS ਸਟਾਇਲ ਅਤੇ CSS ਚੋਣਕਰਤਾਵਾਂ ਨੂੰ ਫੌਰਮ ਕਰੋ
CSS ਸ਼ੈਲੀ ਦਾ ਫੌਰਮੈਟ ਇਸ ਤਰ੍ਹਾਂ ਦਿੱਸਦਾ ਹੈ:
ਚੋਣਕਾਰ {ਸ਼ੈਲੀ ਦੀ ਵਿਸ਼ੇਸ਼ਤਾ: ਸ਼ੈਲੀ; }
ਅਲੱਗ ਅਲੱਗ ਚੋਣਕਾਰ ਜਿਨ੍ਹਾਂ ਕੋਲ ਕਾਮੇ ਦੇ ਸਮਾਨ ਸ਼ੈਲੀ ਹੈ. ਇਸ ਨੂੰ ਚੋਣ ਕਰਤਾ ਸਮੂਹ ਕਿਹਾ ਜਾਂਦਾ ਹੈ. ਉਦਾਹਰਣ ਲਈ:
ਚੋਣਕਾਰ 1 , ਚੋਣਕਾਰ 2 {ਸ਼ੈਲੀ ਦੀ ਵਿਸ਼ੇਸ਼ਤਾ: ਸ਼ੈਲੀ; }
ਗਰੁੱਪਿੰਗ ਚੋਣਕਾਰ ਤੁਹਾਡੀਆਂ CSS ਸ਼ੈਲੀਆਂ ਨੂੰ ਸੰਜਮ ਰੱਖਣ ਲਈ ਇੱਕ ਲਘੂ ਉਦਯੋਗੀ ਹੈ
ਉਪਰੋਕਤ ਗਰੁਪਿੰਗ ਦਾ ਇਹੋ ਜਿਹਾ ਪ੍ਰਭਾਵ ਹੋਵੇਗਾ:
ਚੋਣਕਾਰ 1 {ਸ਼ੈਲੀ ਦੀ ਵਿਸ਼ੇਸ਼ਤਾ: ਸ਼ੈਲੀ; }
selector2 {ਸ਼ੈਲੀ ਦੀ ਵਿਸ਼ੇਸ਼ਤਾ: ਸ਼ੈਲੀ; }
ਹਮੇਸ਼ਾਂ ਆਪਣੇ CSS ਚੋਣਕਾਰ ਦੀ ਚੋਣ ਕਰੋ
ਸਾਰੇ ਬ੍ਰਾਉਜ਼ਰ ਸਾਰੇ CSS ਚੋਣਕਰਤਾਵਾਂ ਦੀ ਸਹਾਇਤਾ ਨਹੀਂ ਕਰਦੇ. ਇਸ ਲਈ ਜਿੰਨੇ ਹੋ ਸਕੇ ਓਪਰੇਟਿੰਗ ਸਿਸਟਮ ਤੇ ਤੁਹਾਡੇ ਬ੍ਰਾਉਜ਼ਰ ਤੇ ਤੁਹਾਡੇ ਚੋਣਕਾਰ ਨੂੰ ਟੈਸਟ ਕਰਨਾ ਯਕੀਨੀ ਬਣਾਓ. ਪਰ ਜੇ ਤੁਸੀਂ CSS1 ਜਾਂ CSS2 ਚੋਣਕਾਰ ਵਰਤ ਰਹੇ ਹੋ ਤਾਂ ਤੁਹਾਨੂੰ ਵਧੀਆ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ.