ਕੰਪਿਊਟਰ 'ਪ੍ਰੋਗਰਾਮਿੰਗ

CSS ਚੋਣਕਾਰ. ਚੋਣ ਦੀ ਕਿਸਮ

CSS ਦਸਤਾਵੇਜ਼ ਦੀ ਦਿੱਖ ਦੀ ਜਾਣਕਾਰੀ ਲਈ ਇੱਕ ਭਾਸ਼ਾ ਲਗਾਤਾਰ ਵਿਕਾਸ ਕਰ ਰਿਹਾ ਹੈ. ਵਾਰ ਵੱਧ, ਨਾ ਸਿਰਫ ਸ਼ਕਤੀ ਅਤੇ ਕਾਰਜਕੁਸ਼ਲਤਾ ਨੂੰ ਵਧਾਉਣ, ਵੀ ਲਚਕਤਾ ਅਤੇ ਵਰਤਣ ਵਿੱਚ ਆਸਾਨੀ ਵਧਾ ਦਿੰਦਾ ਹੈ.

CSS ਚੋਣਕਾਰ

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

  • ਟੈਗ ਕਰਨ ਲਈ;
  • ਕਲਾਸ ਲਈ;
  • ID ਲਈ;
  • ਯੂਨੀਵਰਸਲ;
  • ਗੁਣ;
  • ਸੂਡੋ-ਕਲਾਸ ਨਾਲ ਕੀ ਕਰਨ ਲਈ;
  • ਸੂਡੋ ਨੂੰ ਕੰਟਰੋਲ ਕਰਨ ਲਈ.

ਸੰਟੈਕਸ ਸਧਾਰਨ ਹੈ. ਨੂੰ ਵਰਤਣ ਲਈ ਸਿੱਖਣ ਲਈ , CSS ਚੋਣਕਾਰ ਬਾਰੇ ਕਾਫ਼ੀ ਪੜ੍ਹਨ. ਕਿਹੜਾ ਚੋਣ ਨੂੰ ਆਪਣੇ ਕੇਸ ਵਿੱਚ ਸਮੱਗਰੀ ਦੇ ਕੰਟਰੋਲ ਲਈ ਵਧੀਆ ਹੈ? ਨੂੰ ਸਮਝਣ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰੋ.

ਚੋਣ ਟੈਗ

ਇਹ ਸਭ ਸਧਾਰਨ ਵਰਜਨ ਹੈ, ਜੋ ਕਿ ਖਾਸ ਗਿਆਨ ਨੂੰ ਲਿਖਣ ਲਈ ਲੋੜ ਨਹੀ ਹੈ, ਹੈ. ਟੈਗ ਪਰਬੰਧਨ ਕਰਨ ਲਈ, ਤੁਹਾਨੂੰ ਆਪਣੇ ਨਾਮ ਦਾ ਇਸਤੇਮਾਲ ਕਰਨ ਦੀ ਲੋੜ ਹੈ. ਮੰਨ ਲਓ ਕਿ "ਕੈਪ" ਆਪਣੀ ਸਾਈਟ ਲਈ ਇੱਕ ਟੈਗ <ਸਿਰਲੇਖ> ਵਿੱਚ ਲਪੇਟਿਆ ਹੈ. CSS ਵਿੱਚ ਇਸ ਨੂੰ ਕੰਟਰੋਲ ਕਰਨ ਲਈ ਤੁਹਾਨੂੰ ਸਿਰਲੇਖ {} ਚੋਣਕਾਰ ਵਰਤਣ ਦੀ ਲੋੜ ਹੈ.

ਫਾਇਦੇ - ਵਰਤਣ ਵਿੱਚ ਆਸਾਨੀ, versatility.

ਨੁਕਸਾਨ - ਲਚਕਤਾ ਦੀ ਮੁਕੰਮਲ ਘਾਟ. ਉਦਾਹਰਨ ਵਿੱਚ ਉਪਰੋਕਤ ਨੂੰ ਇੱਕ ਵਾਰ ਸਾਰੇ ਦੇ ਟੈਗ ਸਿਰਲੇਖ ਚੁਣਿਆ ਜਾਵੇਗਾ. ਪਰ ਕੀ ਤੁਹਾਨੂੰ ਸਿਰਫ਼ ਇੱਕ ਹੀ ਵਰਤਣ ਦੀ ਲੋੜ ਹੈ, ਜੇ?

ਕਲਾਸ ਚੋਣ

ਸਭ ਆਮ ਰੂਪ. ਗੁਣ ਕਲਾਸ ਨਾਲ ਟੈਗ ਦਾ ਪ੍ਰਬੰਧ ਕਰਨ ਲਈ ਤਿਆਰ ਕੀਤਾ ਗਿਆ. ਮੰਨ ਲਓ, ਆਪਣੇ ਕੋਡ ਵਿੱਚ, ਉੱਥੇ ਤਿੰਨ ਬਲਾਕ ਹਨ

ਹੈ, ਜਿਸ ਦੇ ਹਰ ਤੁਹਾਨੂੰ ਇੱਕ ਖਾਸ ਰੰਗ ਨਿਰਧਾਰਿਤ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ. ਇਸ ਨੂੰ ਕੀ ਕਰਨ? ਮਿਆਰੀ CSS ਚੋਣਕਾਰ, ਟੈਗ ਲਈ ਠੀਕ ਨਹੀ ਹਨ, ਉਹ 'ਤੇ ਇਕ ਵਾਰ ਸਭ ਨੂੰ ਬਲਾਕ ਲਈ ਪੈਰਾਮੀਟਰ ਲੱਗਦਾ ਹੈ. ਦਾ ਹੱਲ ਸਧਾਰਨ ਹੈ. ਕਲਾਸ ਦੇ ਦਿਓ. ਕਲਾਸ = 'ਨੀਲਾ', ਤੀਜੀ - - ਕਲਾਸ = 'ਹਰੇ' ਉਦਾਹਰਨ ਲਈ, ਪਹਿਲੇ 'ਲਾਲ', ਦੂਜਾ Div ਕਲਾਸ ਪ੍ਰਾਪਤ ਕੀਤਾ =. ਹੁਣ ਉਹ CSS ਟੇਬਲ ਚੁਣਿਆ ਜਾ ਸਕਦਾ ਹੈ.

ਸੰਟੈਕਸ ਇਸ ਪ੍ਰਕਾਰ ਹੈ: ਇੱਕ ਬਿੰਦੂ ( "."), ਕਲਾਸ ਦਾ ਨਾਮ ਲਿਖ ਦੇ ਬਾਅਦ ਵੇਖਾਉਦਾ ਹੈ. ਪਹਿਲੇ ਯੂਨਿਟ ਦਾ ਪਰਬੰਧ ਕਰਨ ਲਈ, ਉਸਾਰੀ .Red ਦਾ ਇਸਤੇਮਾਲ ਕਰੋ. ਦੂਜਾ - .blue ਅਤੇ ਇਸ 'ਤੇ.

ਖਾਸ! ਇਹ ਕਲਾਸ ਗੁਣ ਦੇ ਸਾਰਥਕ ਮੁੱਲ ਵਰਤਣ ਲਈ ਸਿਫਾਰਸ਼ ਕੀਤੀ ਜਾਦੀ ਹੈ. ਇਹ ਲਿਪੀਅੰਤਰਨ (ਉਦਾਹਰਨ ਲਈ, krasiviy-ਬਲੋਕ) ਜ ਅੱਖਰ / ਨੰਬਰ ਦੇ ਬੇਤਰਤੀਬੇ ਸੰਜੋਗ (ojfh834871) ਵਰਤਣ ਲਈ ਬੁਰਾ ਫਾਰਮ ਮੰਨਿਆ ਗਿਆ ਹੈ. ਇਹ ਕੋਡ ਵਿੱਚ, ਤੁਹਾਨੂੰ ਉਲਝਣ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ, ਮੁਸ਼ਕਲ ਹੈ ਕਿ ਜਿਹੜੇ ਲੋਕ ਤੁਹਾਨੂੰ ਬਾਅਦ ਪ੍ਰਾਜੈਕਟ ਵਿਚ ਲੱਗੇ ਹੋਏ ਕੀਤਾ ਜਾਵੇਗਾ ਦਾ ਸਾਹਮਣਾ ਕਰੇਗਾ ਦਾ ਜ਼ਿਕਰ ਨਾ ਕਰਨ ਬੰਨ੍ਹੇ ਹੋਏ ਹਨ. ਵਧੀਆ ਚੋਣ - ਅਜਿਹੇ bem ਕਿਸੇ ਵੀ ਵਿਧੀ ਨੂੰ ਵਰਤਣ ਲਈ,.

ਫਾਇਦੇ - ਮੁਕਾਬਲਤਨ ਉੱਚ ਲਚਕਤਾ.

ਨੁਕਸਾਨ - ਕਈ ਤੱਤ ਇੱਕ ਅਤੇ ਇੱਕੋ ਕਲਾਸ, ਜਿਸ ਦਾ ਮਤਲਬ ਹੈ ਕਿ ਉਹ ਇੱਕੋ ਸੋਧਿਆ ਜਾ ਜਾਵੇਗਾ ਹੋ ਸਕਦਾ ਹੈ. ਸਮੱਸਿਆ ਕਾਰਜਪ੍ਰਣਾਲੀ ਦੇ ਨਾਲ ਨਾਲ preprocessors ਦੀ ਵਿਰਾਸਤ ਨੂੰ ਵਰਤ ਦਾ ਹੱਲ ਹੈ. ਆਪਣੇ ਹੱਥ ਘੱਟ, sass ਜ ਕੁਝ ਹੋਰ ਪਰੀਪਰੋਸੈੱਸਰ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ ਇਹ ਯਕੀਨੀ ਰਹੋ, ਉਹ ਬਹੁਤ ਕੰਮ ਦਾ ਸਾਦੀ.

ID ਦਾ ਚੋਣਕਾਰ

ਇਸ ਵਰਜਨ ਬਾਰੇ ਰਾਏ coders ਤੇ ਕਾਰਜ ਵਰਣਪੱਟ ਹਨ. CSS вообще не рекомендуют использовать ID, поскольку при неаккуратном применении они могут вызвать проблемы с наследованием. ਕਿਉਕਿ ਗਲਤ ਐਪਲੀਕੇਸ਼ਨ ਵਿੱਚ ਉਹ ਨੂੰ ਵਿਰਾਸਤ ਨਾਲ ਸਮੱਸਿਆ ਦਾ ਕਾਰਨ ਬਣ ਸਕਦਾ ਹੈ ਕੁਝ CSS ਟਿਊਟੋਰਿਯਲ, ID ਹੈ ਵਰਤਣ ਦੀ ਸਿਫਾਰਸ਼ ਨਾ ਕਰੋ. ਪਰ, ਬਹੁਤ ਸਾਰੇ ਮਾਹਿਰ ਸਰਗਰਮੀ ਹਨ ਲੇਆਉਟ ਦੇ ਦੌਰਾਨ ਉਹ ਦਾ ਪ੍ਰਬੰਧ. ਤੁਹਾਨੂੰ ਇਹ ਫੈਸਲਾ ਕਰਨ. # »), затем имя блока. ਇਸ ਨੋਕਰ ਨਿਸ਼ਾਨ ( ""), ਫਿਰ ਬਲਾਕ ਦਾ ਨਾਮ: ਸੰਟੈਕਸ ਹੇਠ ਹੈ. #red. ਉਦਾਹਰਨ ਲਈ, #red.

отличается от класса по нескольким параметрам. ID ਨੂੰ ਕਈ ਤਰੀਕੇ ਵਿੱਚ ਕਲਾਸ ਤੱਕ ਵੱਖ ਵੱਖ ਹੁੰਦਾ ਹੈ. ID. ਪਹਿਲੀ, ਸਫ਼ਾ ਦੋ ਇੱਕੋ ID ਨੂੰ ਨਾ ਹੋ ਸਕਦਾ ਹੈ. ਉਹ ਇੱਕ ਵਿਲੱਖਣ ਨਾਮ ਨਿਰਧਾਰਤ ਕਰ ਰਹੇ ਹਨ. ਦੂਜਾ, ਅਜਿਹੇ ਇੱਕ ਚੋਣਕਾਰ ਇੱਕ ਉੱਚ ਤਰਜੀਹ ਹੈ. red и укажете в таблицах CSS красный цвет фона, а затем назначите ему же id blue и укажете синий цвет, блок станет синим. ਇਸ ਦਾ ਮਤਲਬ ਇਹ ਹੈ ਕਿ ਜੇਕਰ ਤੁਹਾਡੇ ਕੋਲ ਇੱਕ ਯੂਨਿਟ ਕਲਾਸ ਲਾਲ ਨੂੰ ਨਿਰਧਾਰਿਤ ਅਤੇ CSS ਟੇਬਲ ਵਿੱਚ ਲਾਲ ਨੂੰ ਨਿਰਧਾਰਿਤ ਪਿੱਠਭੂਮੀ ਦੇ ਰੰਗ ਦੇ, ਅਤੇ ਫਿਰ ਇਸ ਨੂੰ ਕਰਨ ਲਈ ਇੱਕੋ id ਨੀਲੇ ਨਿਰਧਾਰਤ ਅਤੇ ਰੰਗ ਨੀਲਾ ਨੂੰ ਨਿਰਧਾਰਿਤ, ਯੂਨਿਟ ਨੀਲਾ ਚਾਲੂ ਹੋ ਜਾਵੇਗਾ.

ਫਾਇਦੇ - ਤੁਹਾਨੂੰ ਖਾਸ ਤੱਤ ਨੂੰ ਕੰਟਰੋਲ ਕਰ ਸਕਦਾ ਹੈ, ਟੈਗ ਅਤੇ ਕਲਾਸ ਦੇ ਸਟਾਈਲ ਨੂੰ ਨਜ਼ਰਅੰਦਾਜ਼.

ID и class. ਨੁਕਸਾਨ - ਆਸਾਨ ID ਅਤੇ ਕਲਾਸ ਦੀ ਇੱਕ ਵੱਡੀ ਗਿਣਤੀ ਵਿੱਚ ਗੁੰਮ ਹੀ ਕਰਨ ਲਈ.

ਖਾਸ! ID вам, в общем-то, не нужны. ਤੁਹਾਨੂੰ ਤੁਹਾਡੇ ਲਈ bem ਵਿਧੀ (ਜ ਇਸ ਦੇ ਿਵਟਾਿਮਨ), ID ਵਰਤ ਰਹੇ ਹੋ, ਆਮ ਵਿੱਚ, ਦੀ ਲੋੜ ਨਹੀ ਕਰ ਰਹੇ ਹਨ. ਇਹ ਤਕਨੀਕ ਖਾਕਾ ਵਿਲੱਖਣ ਕਲਾਸ ਹੈ, ਜੋ ਕਿ ਹੋਰ ਬਹੁਤ ਸੁਵਿਧਾਜਨਕ ਵਰਤਣ ਦੀ ਸ਼ਾਮਲ ਹੈ.

ਯੂਨੀਵਰਸਲ ਚੋਣਕਾਰ

{}. ਸੰਟੈਕਸ: starlets ਨਿਸ਼ਾਨ ( "*") ਅਤੇ ਚ, ਭਾਵ, {*} ...

ਕੁਝ ਗੁਣ ਇਕ ਵਾਰ ਸਫ਼ੇ ਦੇ ਸਾਰੇ ਤੱਤ ਨਿਰਧਾਰਤ ਕਰਨ ਲਈ ਵਰਤਿਆ ਜਾਦਾ ਹੈ. ਜਦ ਇਹ ਲਾਭਦਾਇਕ ਹੋ ਸਕਦਾ ਹੈ? box-sizing: border-box. ਮਿਸਾਲ ਲਈ, ਤੁਹਾਨੂੰ ਸਫ਼ੇ ਸੰਪਤੀ ਬਾਕਸ-ਅਕਾਰ ਸੈੱਟ ਕਰਨ ਲਈ ਚਾਹੁੰਦੇ ਹੋ, ਜੇਕਰ: ਸਰਹੱਦ-ਬਾਕਸ. div *{}. ਸਿਰਫ ਦਸਤਾਵੇਜ਼ ਦੇ ਸਭ ਭਾਗ, ਦਾ ਪ੍ਰਬੰਧ ਕਰਨ ਲਈ ਵੀ ਨਿਰਧਾਰਤ ਬਲਾਕ ਦੇ ਸਾਰੇ ਬੱਚੇ, ਉਦਾਹਰਨ ਲਈ, ਨੂੰ ਕੰਟਰੋਲ ਕਰਨ ਲਈ ਵਰਤਿਆ ਜਾ ਸਕਦਾ ਹੈ, ਪਰ, Div * {}.

ਫਾਇਦੇ - ਤੁਹਾਨੂੰ ਇੱਕ ਵਾਰ 'ਤੇ ਇਕਾਈ ਦੀ ਇੱਕ ਵੱਡੀ ਗਿਣਤੀ ਨੂੰ ਕੰਟਰੋਲ ਕਰ ਸਕਦਾ ਹੈ.

ਨੁਕਸਾਨ - ਕਾਫ਼ੀ ਨਹੀ ਲਚਕਦਾਰ ਵਿਕਲਪ. ਇਸ ਦੇ ਨਾਲ, ਇਸ ਚੋਣਕਾਰ ਵਰਤਣ ਦੀ, ਕੁਝ ਮਾਮਲੇ ਵਿੱਚ ਥੱਲੇ ਸਫ਼ਾ ਦਾ ਕੰਮ ਹੌਲੀ.

ਗੁਣ ਦੇ ਕੇ

ਇਸ ਨੂੰ ਸੰਭਵ ਇੱਕ ਖਾਸ ਗੁਣ ਦੇ ਨਾਲ ਤੱਤ ਨੂੰ ਕੰਟਰੋਲ ਕਰਨ ਲਈ ਜਾਣ. ਉਦਾਹਰਨ ਲਈ, ਤੁਹਾਨੂੰ ਇੱਕ ਵੱਖਰੀ ਗੁਣ ਕਿਸਮ ਦੇ ਨਾਲ ਇੰਪੁੱਟ ਟੈਗ ਦੇ ਇੱਕ ਨੰਬਰ ਹੈ. ਦੇ ਇਕ - ਪਾਠ, ਦੂਜਾ - ਪਾਸਵਰਡ, ਤੀਜੇ - ਗਿਣਤੀ ਹੈ. ਇਹ ਸੱਚ ਹੈ, ਤੁਹਾਨੂੰ ਹਰ ਕਲਾਸ ਜ ID ਨੂੰ ਸੈੱਟ ਕਰ ਸਕਦੇ ਹੋ, ਪਰ ਇਸ ਨੂੰ ਹਮੇਸ਼ਾ ਸੁਵਿਧਾਜਨਕ ਨਹੀ ਹੈ. ਗੁਣ ਦੇ CSS ਚੋਣਕਾਰ ਇਹ ਸੰਭਵ ਵੱਧ ਸ਼ੁੱਧਤਾ ਨਾਲ ਕੁਝ ਟੈਗ ਲਈ ਮੁੱਲ ਨਿਰਧਾਰਿਤ ਕਰਨ ਲਈ ਕਰਦੇ ਹਨ. ਉਦਾਹਰਨ ਲਈ, ਇਸ ਨੂੰ ਪਸੰਦ:

ਇੰਪੁੱਟ [TYPE = 'ਦੇ ਪਾਠ'] {}

ਇਹ ਚੋਣਕਾਰ ਇੰਪੁੱਟ ਪਾਠ ਦੀ ਕਿਸਮ ਦੇ ਨਾਲ ਸਾਰੇ ਗੁਣ ਦੀ ਚੋਣ ਕਰੇਗਾ.

ਸੰਦ ਹੈ ਕਾਫ਼ੀ ਲਚਕਦਾਰ ਹੈ ਅਤੇ ਟੈਗ, ਜਿਸ ਵਿਚ ਗੁਣ ਵੀ ਹੋ ਸਕਦਾ ਹੈ ਦੀ ਕਿਸੇ ਵੀ ਨਾਲ ਵਰਤਿਆ ਜਾ ਸਕਦਾ ਹੈ. ਪਰ, ਜੋ ਕਿ ਸਭ ਨਾ ਹੈ! CSS ਨਿਰਧਾਰਨ ਹੋਰ ਵੀ ਸਹੂਲਤ ਨਾਲ ਤੱਤ ਨੂੰ ਕੰਟਰੋਲ ਕਰਨ ਦੀ ਯੋਗਤਾ ਹੈ!

ਕਲਪਨਾ ਕਰੋ ਕਿ ਤੁਹਾਡੇ ਸਫ਼ੇ ਗੁਣ ਪਲੇਸਹੋਲਡਰ ਨਾਲ ਇੰਪੁੱਟ ਹੈ, ਜੋ ਕਿ = "ਇੱਕ ਨਾਮ ਦਰਜ ਕਰੋ" ਅਤੇ ਇੰਪੁੱਟ ਪਲੇਸਹੋਲਡਰ = "ਪਾਸਵਰਡ ਦਿਓ". ਉਹ ਇਹ ਵੀ ਚੋਣਕਾਰ ਚੁਣਿਆ ਜਾ ਸਕਦਾ ਹੈ! ਇਹ ਕਰਨ ਲਈ, ਹੇਠ ਬਣਤਰ ਵਰਤੋ:

ਇੰਪੁੱਟ [ਸਥਾਨਧਾਰਕ = "ਦਾ ਨਾਮ ਦਰਜ ਕਰੋ"] {} ਜ ਇੰਪੁੱਟ [ਪਲੇਸਹੋਲਡਰ = "ਪਾਸਵਰਡ ਦਿਓ"]

ਸ਼ਾਇਦ ਗੁਣ ਦੇ ਨਾਲ ਹੋਰ ਲਚਕਦਾਰ ਕੰਮ ਦੇ. ਦਾ ਕਹਿਣਾ ਹੈ ਕਿ ਤੁਹਾਨੂੰ ਇਸੇ ਗੁਣ ਦਾ ਸਿਰਲੇਖ ਹੈ (ਉਦਾਹਰਨ ਲਈ, "ਕੈਸਪੀਅਨ" ਅਤੇ "ਕੈਸਪੀਅਨ") ਨਾਲ ਟੈਗ ਦੇ ਇੱਕ ਨੰਬਰ ਹੈ ਕਰੀਏ. ਦੋਨੋ ਦੀ ਚੋਣ ਕਰਨ ਲਈ, ਹੇਠ ਚੋਣ ਵਰਤੋ:

[ਸਿਰਲੇਖ ਨੂੰ * = "Kaspiysk"]

CSS ਸਿਰਲੇਖ ਵਿੱਚ ਸਭ ਨੂੰ ਇਕਾਈ, ਜਿਸ ਦੇ ਕਿ "ਕੈਸਪੀਅਨ", ਭਾਵ. ਈ ਹੈ, ਅਤੇ "ਕੈਸਪੀਅਨ" ਅਤੇ "ਕੈਸਪੀਅਨ" ਦੇ ਨਿਸ਼ਾਨ ਹਨ ਦੀ ਚੋਣ ਕਰੇਗਾ.

ਤੁਹਾਨੂੰ ਇਹ ਵੀ ਟੈਗ ਹੈ, ਜੋ ਕਿ ਇੱਕ ਖਾਸ ਅੱਖਰ ਦੇ ਨਾਲ ਗੁਣ ਸ਼ੁਰੂ ਦੀ ਚੋਣ ਕਰ ਸਕਦੇ ਹੋ:

[ਸਿਰਲੇਖ ਨੂੰ ^ = "ਅੱਖਰ ਤੁਹਾਨੂੰ ਚਾਹੁੰਦੇ"] {}

ਜ ਖਤਮ:

[ਸਿਰਲੇਖ ਨੂੰ $ = "ਸੱਜੇ ਅੱਖਰ"] {}.

ਫਾਇਦੇ - ਵੱਧ ਲਚਕਤਾ. ਤੁਹਾਨੂੰ ਕਲਾਸ ਦੇ ਨਾਲ ਛੇੜ ਬਿਨਾ ਕਿਸੇ ਵੀ ਮੌਜੂਦਾ ਸਫ਼ੇ ਤੱਤ ਦੀ ਚੋਣ ਕਰ ਸਕਦੇ ਹੋ.

ਨੁਕਸਾਨ - ਸਿਰਫ ਖਾਸ ਮਾਮਲੇ 'ਚ ਮੁਕਾਬਲਤਨ ਘੱਟ ਹੀ ਵਰਤਿਆ ਹੈ,. ਕਈ ਵੈੱਬ ਡਿਜ਼ਾਈਨਰ, ਵਿਧੀ ਨੂੰ ਤਰਜੀਹ ਦੇ ਬਾਅਦ ਬਿੰਦੂ ਕਲਾਸ ਸੌਖਾ ਕਈ ਪ੍ਰਬੰਧ ਕਰਨ ਲਈ ਵੱਧ ਹੈ ਵਰਗ ਬਰੈਕਟ ਅਤੇ ਨਿਸ਼ਾਨ "ਬਰਾਬਰ". ਇਸ ਦੇ ਨਾਲ, ਇਹ ਚੋਣ ਨੂੰ ਇੰਟਰਨੈੱਟ ਐਕਸਪਲੋਰਰ ਵਰਜਨ 7 ਅਤੇ ਹੇਠ ਵਿੱਚ ਕੰਮ ਨਾ ਕਰੋ. ਪਰ, ਜੋ ਹੁਣ ਪੁਰਾਣੇ ਇੰਟਰਨੈੱਟ ਐਕਸਪਲੋਰਰ ਦੀ ਲੋੜ ਹੈ?

ਸੂਡੋ-ਕਲਾਸ ਦੇ ਚੋਣਕਾਰ

ਨੂੰ ਇੱਕ ਫਰਜ਼ੀ-ਸਥਿਤੀ ਨੂੰ ਤੱਤ ਨੂੰ ਸੰਕੇਤ ਕਰਦਾ ਹੈ. ਮਿਸਾਲ ,: ਹੋਵਰ ਲਈ - ਕੀ ਸਫ਼ੇ ਦੇ ਭਾਗ ਨੂੰ ਹੁੰਦਾ ਹੈ, ਜਦ ਤੁਹਾਨੂੰ ਕੀ ਸਬੰਧ ਹੈ ,: ਦੌਰਾ ਕੀਤਾ - ਦਾ ਦੌਰਾ ਲਿੰਕ ਨੂੰ. ਪਹਿਲੀ-ਬੱਚੇ ਅਤੇ:: ਆਖਰੀ ਬੱਚੇ ਇਸ ਵਿਚ ਇਹ ਵੀ ਅਜਿਹੇ ਤੌਰ ਤੱਤ ਸ਼ਾਮਲ ਹਨ.

ਚੋਣਕਾਰ ਦੀ ਇਸ ਕਿਸਮ ਦੀ ਸਰਗਰਮੀ ਹੈ, ਕਿਉਕਿ ਇਸ ਦਾ ਧੰਨਵਾਦ ਤੁਹਾਨੂੰ JavaScript ਦੀ ਵਰਤ ਦੇ ਬਗੈਰ ਇੱਕ ਸਫ਼ਾ "ਲਾਈਵ" ਕਰ ਸਕਦਾ ਹੈ, ਆਧੁਨਿਕ ਲੇਆਉਟ ਵਿੱਚ ਵਰਤਿਆ ਗਿਆ ਹੈ. ਮਿਸਾਲ ਲਈ, ਤੁਹਾਨੂੰ, ਜੋ ਕਿ ਤੁਹਾਨੂੰ ਦੇ btn ਇਸ ਦੇ ਰੰਗ ਬਦਲ ਕਲਾਸ ਦੇ ਨਾਲ ਬਟਨ ਦੇ ਉੱਪਰ ਕੀ ਸਬੰਧ ਹੈ ਇਹ ਯਕੀਨੀ ਬਣਾਉਣ ਲਈ ਚਾਹੁੰਦੇ ਹੋ. ਇਹ ਕਰਨ ਲਈ, ਸਾਨੂੰ ਹੇਠ ਲਿਖੇ ਬਣਤਰ ਨੂੰ ਵਰਤਣ:

.btn: ਹੋਵਰ {

ਦੀ ਪਿੱਠਭੂਮੀ-ਰੰਗ: ਲਾਲ;

}

ਸੁੰਦਰਤਾ ਬਟਨ ਨੂੰ, ਤਬਦੀਲੀ ਸੰਪਤੀ ਦੇ ਬੁਨਿਆਦੀ ਵਿਸ਼ੇਸ਼ਤਾ ਵਿੱਚ ਦਿੱਤਾ ਜਾ ਸਕਦਾ ਹੈ, ਉਦਾਹਰਨ ਲਈ, 0.5s - ਇਸ ਮਾਮਲੇ ਵਿੱਚ, ਬਟਨ ਨੂੰ ਤੁਰੰਤ blush ਨਾ ਕਰੇਗਾ, ਅਤੇ ਅੱਧੇ ਇੱਕ ਦੂਜੀ ਦੇ ਅੰਦਰ.

ਗੁਣ - ਵਿਆਪਕ ਸਫ਼ੇ ਦੇ "ਬੇਦਾਰੀ" ਲਈ ਵਰਤਿਆ ਜਾਦਾ ਹੈ. ਵਰਤਣ ਲਈ ਸੌਖਾ.

ਨੁਕਸਾਨ - ਉਹ ਨਹੀ ਹਨ. ਇਹ ਇੱਕ ਅਸਲ ਸੌਖਾ ਸੰਦ ਹੈ. ਪਰ, ਭੋਲੇ ਵੈੱਬ ਡਿਜ਼ਾਈਨਰ ਸੂਡੋ-ਕਲਾਸ ਦੇ ਵਾਧੇ ਵਿੱਚ ਖਤਮ ਹੋ ਹੀ ਕਰ ਸਕਦਾ ਹੈ. ਸਮੱਸਿਆ ਦਾ ਅਧਿਐਨ ਕਰਨ ਅਤੇ ਅਮਲ ਦਾ ਹੱਲ ਹੈ.

ਸੂਡੋ-ਚੋਣ

"ਫਰਜ਼ੀ" - ਇਹ ਸਫ਼ਾ ਹੈ, ਜੋ ਕਿ HTML ਵਿੱਚ ਨਹੀ ਹਨ, ਦੇ ਹਿੱਸੇ ਹਨ, ਪਰ ਉਹ ਅਜੇ ਵੀ ਵਿਵਸਥਿਤ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ. ਤੁਹਾਨੂੰ ਨਾ ਸਮਝ ਸਕੇ? ਇਹ ਬਹੁਤ ਹੀ ਆਸਾਨ ਵੱਧ ਇਸ ਨੂੰ ਲੱਗਦਾ ਹੈ. ਮਿਸਾਲ ਲਈ, ਤੁਹਾਨੂੰ ਸਤਰ ਵਿੱਚ ਪਹਿਲੀ ਚਿੱਠੀ ਵੱਡੇ ਅਤੇ ਲਾਲ ਕਰਨ ਲਈ, ਹੋਰ ਛੋਟੇ ਅਤੇ ਕਾਲਾ ਨੂੰ ਪਾਠ ਨੂੰ ਛੱਡ ਚਾਹੁੰਦੇ ਹੋ. ਇਹ ਸੱਚ ਹੈ, ਇਸ ਨੂੰ ਇੱਕ ਖਾਸ ਕਲਾਸ ਦੇ ਨਾਲ ਇੱਕ ਅਵਧੀ ਵਿੱਚ ਹੈ, ਜੋ ਕਿ ਪੱਤਰ ਸਿੱਟਾ ਕੱਢਿਆ ਜਾ ਸਕਦਾ ਹੈ, ਪਰ ਇਸ ਨੂੰ ਲੰਬੇ ਅਤੇ ਬੋਰ ਹੈ. ਇਹ ਸਾਰੀ ਪੈਰਾ ਦੀ ਚੋਣ ਕਰੋ ਅਤੇ ਫਰਜ਼ੀ :: ਪਹਿਲੀ ਪੱਤਰ ਨੂੰ ਵਰਤਣ ਲਈ ਬਹੁਤ ਹੀ ਆਸਾਨ ਹੈ. ਇਹ ਪਹਿਲੀ ਚਿੱਠੀ ਦੀ ਦਿੱਖ ਨੂੰ ਕੰਟਰੋਲ ਕਰਨ ਦਾ ਮੌਕਾ ਦਿੰਦਾ ਹੈ.

ਕਾਫ਼ੀ ਸੂਡੋ-ਤੱਤ ਦੀ ਇੱਕ ਵੱਡੀ ਉਪਲਬਧ ਹਨ. ਨੂੰ ਇੱਕ ਸਿੰਗਲ ਲੇਖ ਵਿਚ ਦੀ ਸੂਚੀ ਸਫ਼ਲ ਕਰਨ ਦੀ ਸੰਭਾਵਨਾ ਹੈ. ਤੁਹਾਨੂੰ ਆਪਣੇ ਪਸੰਦੀਦਾ ਖੋਜ ਇੰਜਣ ਵਿੱਚ ਸਬੰਧਤ ਜਾਣਕਾਰੀ ਲੱਭ ਸਕਦੇ ਹੋ.

ਫਾਇਦੇ - ਸਫ਼ੇ ਦੇ ਦਿੱਖ ਕਸਟਮਾਈਜ਼ ਕਰਨ ਲਈ ਲਚਕਤਾ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ.

ਨੁਕਸਾਨ - ਨੂੰ ਨਵ ਅਕਸਰ ਉਲਝਣ ਹਨ. ਸਿਰਫ ਕੁਝ ਬ੍ਰਾਉਜ਼ਰ ਵਿੱਚ ਕੰਮ ਦੀ ਇਸ ਕਿਸਮ ਦੇ ਕਈ ਚੋਣ.

ਸਾਰ

ਚੋਣਕਾਰ - ਦਸਤਾਵੇਜ਼ ਵਹਾਅ ਕੰਟਰੋਲ ਲਈ ਇੱਕ ਸ਼ਕਤੀਸ਼ਾਲੀ ਸੰਦ ਹੈ. ਉਸ ਨੂੰ ਕਰਨ ਲਈ ਧੰਨਵਾਦ, ਤੁਹਾਨੂੰ ਸਫ਼ੇ ਦੇ ਹਰ ਭਾਗ ਨੂੰ ਦੀ ਚੋਣ ਕਰ ਸਕਦੇ (ਉਥੇ ਵੀ ਸਿਰਫ਼ ਅਧੂਰਾ ਹੀ ਹਨ). ਉਪਲੱਬਧ ਸਾਰੇ ਵਿਕਲਪ ਸਿੱਖਣ ਲਈ, ਜ ਵੀ ਲਿਖ ਯਕੀਨੀ ਰਹੋ. ਇਹ ਖਾਸ ਮਹੱਤਵਪੂਰਨ ਹੈ ਜੇ ਤੁਹਾਨੂੰ ਇੱਕ ਆਧੁਨਿਕ ਡਿਜ਼ਾਈਨ ਦੇ ਨਾਲ ਗੁੰਝਲਦਾਰ ਸਫ਼ੇ ਅਤੇ ਇੰਟਰੈਕਟਿਵ ਤੱਤ ਦੀ ਲਾਟ ਬਣਾਉਣ ਹੈ.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 pa.delachieve.com. Theme powered by WordPress.