LEARNING CSS: Selectors

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Ut repellat numquam quos sunt aliquam labore assumenda quia, deserunt eos velit, quaerat pariatur natus beatae id obcaecati nemo. Quas, officia obcaecati.

select with tag

select with id


    const function = () => {
      console.log('select with class')
    }

select with attribute

Combiners

son & brother

father
children1 brother sister grandson grandson
children 2 brother sister grandson grandson
brother sister
  • sister

    • Logic combiners

    Pseudo-Classes

    Interaction pseudo-classes

    Lorem ipsum dolor sit amet consectetur adipisicing elit. Quia odio necessitatibus qui? Illum quisquam, quaerat, odit a sint in distinctio veniam, vero voluptatibus nemo debitis tempore. Consequatur corporis quasi animi.

    focus outset

    Location pseudo-classes

    any-link link visited target

    Language pseudo-classes

    Español

    «El término español resulta más recomendable por carecer de ambigüedad, ya que se refiere de modo unívoco a la lengua que hablan hoy cerca de cuatrocientos millones de personas. Asimismo, es la denominación que se utiliza internacionalmente (Spanish, espagnol, Spanisch, spagnolo, etc.)»

    Português

    Toda a pessoa tem direito à educação. A educação deve ser gratuita, pelo menos a correspondente ao ensino elementar fundamental. O ensino elementar é obrigatório. O ensino técnico e profissional dever ser generalizado; o acesso aos estudos superiores deve estar aberto a todos em plena igualdade, em função do seu mérito.

    State pseudo-classes

    state example

    Structure pseudo-classes

    first-of-type
    first-of-type

    first-of-type

    first-of-type

    Form pseudo-classes

    Pagination pseudo-classes