CSSтегиндеги жалпы тандоочу

Жалпы тандоочу * бардык элементтерди тандоого мүмкүндүк берет.

Мисал

Келгиле, бардык элементтерди тандап, аларды кызыл түскө боёйлу:

css* {
  color: red;
}

Мисал

Келгиле, div тегинин ичинде жайгашкан бардык элементтерди тандап, аларды кызыл түскө боёйлу:

cssdiv * {
  color: red;
}

Мисал

Келгиле, div тегинин ичинде түздөн-түз жайгашкан бардык элементтерди тандап, аларды кызыл түскө боёйлу:

cssdiv > * {
  color: red;
}

Мисал

Келгиле, өз кезегинде div тегинин ичинде жайгашкан каалаган тегин ичинде жайгашкан бардык span теглерин тандайлы:

cssdiv * span {
  color: red;
}

Практикалык тапшырмалар

html<main>
  <p>---</p>
  <p>---</p>
  
  <div>
    <p>+++</p>
    <p>+++</p>
  </div>
  <section>
    <p>+++</p>
    <p>+++</p>
  </section>
</main>