Как выбрать второй тег в стилях?

Question

[tereshock98]

Ребят, понимаю, что тупой вопрос, но я хочу узнать как это называется, и как это делается:

Есть блок в котором 2 инпута:

<div>
   <input type="text">
   <input type="text">
</div>

Вопрос: как в CSS сделать так, чтобы именно второй инпут выбирался без обозначения класса?

Знаю, что если написать так:

div input {
  ...
}

, но это добавляет классы ко всем инпутам в блоке, а как сделать так, чтобы именно ко второму инпуту применились стили?

Answer 1

[Олег]

div input:nth-child(2) {
   }

https://jsfiddle.net/z5mge0bt/

Comments

[tereshock98]

И в скобках указывается номер тега по счету, к которому применяется?

[Олег]

tereshock98: Да

[Олег]

tereshock98: https://developer.mozilla.org/ru/docs/Web/CSS/:nth...