უნივერსალური სელექტორი 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>