CSS-ի ունիվերսալ ընտրիչ

Ունիվերսալ ընտրիչը * թույլ է տալիս ընտրել բոլոր տարրերը:

Օրինակ

Եկեք ընտրենք բոլոր տարրերը և ներկենք դրանք կարմիր գույնով.

css* {
  color: red;
}

Օրինակ

Եկեք ընտրենք div թեգի ներսում գտնվող բոլոր տարրերը և ներկենք դրանք կարմիր գույնով.

cssdiv * {
  color: red;
}

Օրինակ

Եկեք ընտրենք div թեգի ներսում անմիջականորեն գտնվող բոլոր տարրերը և ներկենք դրանք կարմիր գույնով.

cssdiv > * {
  color: red;
}

Օրինակ

Եկեք ընտրենք բոլոր span թեգերը, որոնք գտնվում են ցանկացած այն թեգի ներսում, որն իր հերթին գտնվում է div թեգի ներսում.

cssdiv * span {
  color: red;
}

Գործնական առաջադրանքներ

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