Click a selector: Щелкните селектор, чтобы увидеть, какие элементы выбраны в результате:
.вступление
#Фамилия
.intro, #Фамилия
h1
h1, п
делитель р
дел > п
ул + р
ул ~ таблица
*
p.моя цитата
[я бы]
[id=мой адрес]
[идентификатор $ = эс]
[идентификатор|=мой]
[идентификатор ^ = L]
[название~=красиво]
[идентификатор * = с]
: проверено
:инвалид
:включено
:пустой
: фокус
р: первый ребенок
p:: первая буква
p:: первая строка
р: первый тип
h1: наведите
ввод: в диапазоне
ввод: вне диапазона
ввод: неверный
ввод: действительный
п: язык (это)
р: последний ребенок
p:последний тип
tr: n-й ребенок (четный)
tr: n-й ребенок (нечетный)
li: nth-ребенок (1)
li: n-последний ребенок (1)
li:nth-типа(2)
li: n-последний тип (2)
б: единственный ребенок
h3:только тип
:корень
Результат:

<h1> Добро пожаловать на мою домашнюю страницу </h1>

<div класс="вступление">

<p> Меня зовут Дональд <span id="Lastname"> Дак. </span> </p>

<p id="my-Address"> Я живу в Дакбурге </p>

<p> У меня много друзей: </p>

</div>

<ul id="Список друзей>
  • <li> Глупости </li>
  • <li> Микки </li>
  • <li> Дейзи </li>
  • <li> Плутон </li>
</ul>

    <p class="myquote"> Все мои друзья молодцы! <br>
    Но мне очень нравится Дейзи!! </p>

    <p lang="it" title="Привет, красавица"> Чао белла </p>

    <h3> Все мы животные! </h3>

    <p> <b> Мои последние открытия привели меня к мысли, что все мы животные: </b> </p>

    <таблица>
      Имя Тип животного
      Микки мышь
      Гуфи Собака
      Дейзи Утка
      Плутон Собака
      </таблица>

      Щелкните селекторы CSS и увидите, что выбраны указанные элементы. © w3schools.com