आईडी और सीएसएस कक्षाओं के लिए चयनकर्ता

किसी तत्व को id और कक्षाएं दोनों दी जा सकती हैं। इस मामले में, तत्व की कुछ शैलियों को id के माध्यम से निर्धारित किया जा सकता है, और शैलियों का एक हिस्सा - कक्षा के माध्यम से:

html<div id="block" class="large">
  <p>text</p>
  <p>text</p>
</div>
css#block {
  color: red;
  font-family: Arial;
}
.large {
  font-size: 30px;
}
Задание 1

ब्लॉकों को id और कक्षा के अनुसार स्टाइल दें:

html<div id="block" class="text">
  <p>text</p>
  <p>text</p>
  <p>text</p>
</div>
<div class="text">
  <p>text</p>
  <p>text</p>
  <p>text</p>
</div>