CSS .class ਚੋਣਕਰਤਾ

ਨਿਰਮਾਣ ਅਤੇ ਵਰਤੋਂ

CSS .class ਚੋਣਕਰਤਾ ਵਰਤੋਂ ਕਰੋ class ਪ੍ਰਤੀਭਾਵ ਮੁੱਲ ਵਾਲੇ

ਕਲਾਸ ਵਾਲੇ ਸਾਰੇ ਪ੍ਰਕਾਰ ਦੇ ਐਲੀਮੈਂਟ ਚੋਣਣ ਲਈ.) ਅੱਖਰ ਦੇ ਬਾਅਦ ਅਤੇ class ਵਿਸ਼ੇਸ਼ ਪ੍ਰਤੀਭਾਵ ਮੁੱਲ ਵਾਲੇ

element.class ਚੋਣਕਰਤਾ ਵਰਤੋਂ ਕਰੋ class ਐਲੀਮੈਂਟ ਚੋਣਣ ਲਈ

ਵਿਸ਼ੇਸ਼ ਪ੍ਰਤੀਭਾਵ ਮੁੱਲ ਵਾਲੇ class ਇੱਕ ਪ੍ਰਕਾਰ ਦੇ ਐਲੀਮੈਂਟ ਦੇ ਲਈ.) ਅੱਖਰ ਦੇ ਬਾਅਦ ਅਤੇ class ਪ੍ਰਤੀਭਾਵ ਮੁੱਲ (ਹੇਠ ਲਿਖੇ ਉਦਾਹਰਣ 2 ਦੇ ਦੇਖੋ)。

ਸੁਝਾਅ:HTML ਐਲੀਮੈਂਟ ਵੀ ਕਈ ਹੋਰ class（ਹੇਠ ਲਿਖੇ ਉਦਾਹਰਣ 3 ਦੇ ਦੇਖੋ）。

ਇੰਸਟੈਂਸ

ਉਦਾਹਰਣ 1

ਸਭ ਕਲਾਸ="intro" ਦੇ ਐਲੀਮੈਂਟ ਦੇ ਸਟਾਈਲ ਚੋਣ ਅਤੇ ਸੈਟ ਕਰੋ:

.intro {
  background-color: yellow;
}

ਆਪਣੇ ਆਪ ਨਾਲ ਪ੍ਰਯੋਗ ਕਰੋ

ਉਦਾਹਰਣ 2

ਸਭ ਕਲਾਸ="intro" ਦੇ <p> ਐਲੀਮੈਂਟ ਦੇ ਸਟਾਈਲ ਚੋਣ ਅਤੇ ਸੈਟ ਕਰੋ:

p.intro {
  background-color: yellow;
}

ਆਪਣੇ ਆਪ ਨਾਲ ਪ੍ਰਯੋਗ ਕਰੋ

ਉਦਾਹਰਣ 3

.class ਚੋਣਕਰਤਾ ਦੀਆਂ ਵੱਖ-ਵੱਖ ਵਰਤੋਂਾਂ:

/* class="center" ਦੇ ਸਾਰੇ ਐਲੀਮੈਂਟ ਚੋਣ */
.center {
  text-align: center;
}
/* class="large" ਦੇ ਸਾਰੇ <p> ਐਲੀਮੈਂਟ ਚੋਣ */
p.large {
  font-size: 200%;
}
/* class ਲਿਸਟ ਵਿੱਚ 'fancy' ਅਤੇ 'beige' ਸ਼ਾਮਲ ਸਾਰੇ <p> ਐਲੀਮੈਂਟ ਚੋਣ */
p.fancy.beige {
  font-family: 'Courier New', monospace;
  background-color: beige;
  border: 2px solid green;
}
/* class="ex1" ਦੇ <p> ਐਲੀਮੈਂਟ ਵਿੱਚ ਸਾਰੇ class="ex2" ਦੇ ਐਲੀਮੈਂਟ ਚੋਣ */
p.ex1 .ex2 {
  background-color: yellow;
}

ਆਪਣੇ ਆਪ ਨਾਲ ਪ੍ਰਯੋਗ ਕਰੋ

CSS ਗਰਮਾਤ

.class {
  css declarations;
}

CSS ਗਰਮਾਤ

element.class {
  css declarations;
}

ਤਕਨੀਕੀ ਵੇਰਵੇ

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