CSS ਛੋਟੇ ਕੋਰਸ
ਕੈਸਕੇਡ ਉਹੀ ਹੁੰਦਾ ਹੈ ਜੋ CSS ਸਟਾਈਲ ਸ਼ੀਟਾਂ ਨੂੰ ਇੰਨਾ ਉਪਯੋਗੀ ਬਣਾਉਂਦਾ ਹੈ. ਸੰਖੇਪ ਰੂਪ ਵਿੱਚ, ਕੈਸਕੇਡ ਕਿਸ ਤਰਤੀਬ ਦੀਆਂ ਸ਼ੈਲੀਆਂ ਨੂੰ ਲਾਗੂ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ, ਇਸ ਲਈ ਤਰਜੀਹ ਦੇ ਕ੍ਰਮ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਦਾ ਹੈ. ਦੂਜੇ ਸ਼ਬਦਾਂ ਵਿਚ, ਜੇ ਤੁਹਾਡੇ ਕੋਲ ਦੋ ਸਟਾਈਲ ਹਨ:
ਪੀ {ਰੰਗ: ਲਾਲ; }
ਪੀ {ਰੰਗ: ਨੀਲਾ; }
ਕੈਸਕੇਡ ਇਹ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ ਕਿ ਪੈਰਾਗਰਾਊਂਡ ਕਿਹੜਾ ਰੰਗ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ, ਭਾਵੇਂ ਸਟਾਇਲ ਸ਼ੀਟ ਦੱਸਦੀ ਹੈ ਕਿ ਉਹਨਾਂ ਨੂੰ ਲਾਲ ਅਤੇ ਨੀਲਾ ਦੋਵੇਂ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ ਅਖੀਰ ਸਿਰਫ ਇਕ ਰੰਗ ਪੈਰਾਗ੍ਰਾਫਿਆਂ 'ਤੇ ਲਾਗੂ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ, ਇਸ ਲਈ ਇਕ ਆਦੇਸ਼ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ.
ਅਤੇ ਇਹ ਆਰਡਰ ਇਸ ਲਈ ਲਾਗੂ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਕਿ ਕਿਸ ਚੋਣਕਾਰ (ਉਪਰੋਕਤ ਉਦਾਹਰਣ ਵਿੱਚ p) ਕੋਲ ਉੱਚਤਮ ਤਰਜੀਹ ਹੈ ਅਤੇ ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਉਹ ਕਿਹੋ ਜਿਹੇ ਆਉਂਦੇ ਹਨ.
ਹੇਠ ਦਿੱਤੀ ਸੂਚੀ ਇਕ ਸਰਲੀਕਰਨ ਹੈ ਕਿ ਤੁਹਾਡਾ ਬ੍ਰਾਉਜ਼ਰ ਸਟਾਈਲ ਲਈ ਤਰਜੀਹ ਕਿਵੇਂ ਕਰਦਾ ਹੈ:
- ਤੱਤ ਨਾਲ ਮਿਲਦੇ ਚੋਣਕਾਰ ਲਈ ਸ਼ੈਲੀ ਸ਼ੀਟ ਵਿਚ ਦੇਖੋ. ਜੇਕਰ ਕੋਈ ਪਰਿਭਾਸ਼ਿਤ ਸ਼ੈਲੀ ਨਹੀਂ ਹੈ, ਤਾਂ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਡਿਫੌਲਟ ਨਿਯਮ ਵਰਤੋ
- ਚੋਣਕਾਰਾਂ ਲਈ ਸਟੀਲ ਸ਼ੀਟ ਵਿਚ ਦੇਖੋ ਮਾਰਕ ਕੀਤੇ ਹਨ ਮਹੱਤਵਪੂਰਨ ਅਤੇ ਉਚਿਤ ਤੱਤਾਂ ਤੇ ਲਾਗੂ ਕਰੋ.
- ਸ਼ੈਲੀ ਸ਼ੀਟ ਦੀਆਂ ਸਾਰੀਆਂ ਸਟਾਈਲ ਡਿਫੌਲਟ ਬ੍ਰਾਊਜ਼ਰ ਸਟਾਈਲ ਨੂੰ ਓਵਰਰਾਈਡ ਕਰ ਸਕਦੀਆਂ ਹਨ (ਉਪਭੋਗਤਾ ਸ਼ੈਲੀ ਸ਼ੀਟਾਂ ਦੇ ਮਾਮਲੇ ਤੋਂ ਇਲਾਵਾ).
- ਜਿੰਨਾ ਜ਼ਿਆਦਾ ਸਟਾਈਲ ਚੋਣਕਾਰ ਹੁੰਦਾ ਹੈ, ਉਨਾਂ ਦੀ ਤਰਜੀਹ ਜ਼ਿਆਦਾ ਹੋਵੇਗੀ. ਉਦਾਹਰਨ ਲਈ, div> p.class p.class ਨਾਲੋਂ ਜਿਆਦਾ ਖਾਸ ਹੈ ਜੋ p ਤੋਂ ਜਿਆਦਾ ਵਿਸ਼ੇਸ਼ ਹੈ.
- ਅਖੀਰ, ਜੇ ਦੋ ਨਿਯਮ ਇਕੋ ਜਿਹੇ ਤੱਤ ਤੇ ਲਾਗੂ ਹੁੰਦੇ ਹਨ ਅਤੇ ਉਸੇ ਚੋਣਕਰਤਾ ਦੀ ਤਰਜੀਹ ਹੁੰਦੀ ਹੈ, ਤਾਂ ਜੋ ਆਖਰੀ ਵਾਰ ਲੋਡ ਕੀਤਾ ਗਿਆ ਸੀ ਉਹ ਲਾਗੂ ਕੀਤਾ ਜਾਵੇਗਾ. ਦੂਜੇ ਸ਼ਬਦਾਂ ਵਿੱਚ, ਸਟਾਈਲ ਸ਼ੀਟ ਨੂੰ ਉੱਪਰ ਤੋਂ ਹੇਠਾਂ ਤਕ ਪੜਿਆ ਜਾਂਦਾ ਹੈ, ਅਤੇ ਸਟਾਈਲ ਇੱਕ ਦੂਜੇ ਦੇ ਸਿਖਰ ਤੇ ਲਾਗੂ ਹੁੰਦੀਆਂ ਹਨ.
ਇਹਨਾਂ ਨਿਯਮਾਂ ਦੇ ਆਧਾਰ ਤੇ, ਉਪਰੋਕਤ ਉਦਾਹਰਣ ਵਿੱਚ, ਪੈਰਿਆਂ ਨੂੰ ਨੀਲੇ ਵਿੱਚ ਲਿਖਿਆ ਜਾਵੇਗਾ, ਕਿਉਂਕਿ p {color: blue; } ਸ਼ੈਲੀ ਸ਼ੀਟ ਵਿਚ ਆਖਰੀ ਵਾਰ ਆਉਂਦੀ ਹੈ.
ਇਹ ਕੈਸਕੇਡ ਦੀ ਇਕ ਬਹੁਤ ਹੀ ਸਰਲ ਸਪੱਸ਼ਟੀਕਰਨ ਹੈ. ਜੇ ਤੁਸੀਂ ਕੈਸਕੇਡ ਦੇ ਕੰਮ ਬਾਰੇ ਵਧੇਰੇ ਜਾਣਨ ਵਿਚ ਦਿਲਚਸਪੀ ਰੱਖਦੇ ਹੋ, ਤਾਂ ਤੁਹਾਨੂੰ ਪੜ੍ਹਨਾ ਚਾਹੀਦਾ ਹੈ ਕਿ ਕੈਸਕੇਡਿੰਗ ਸਟਾਈਲ ਸ਼ੀਟਸ ਵਿਚ "ਕੈਸਕੇਡ" ਦਾ ਕੀ ਮਤਲਬ ਹੈ? .