:nth-child VS :nth-of-type

Если :nth-of-type является тем же, что и :nth-child, но при этом более универсален, то зачем нужен последний?

У каждого псевдоселектора своя роль. Бывают случаи, когда вполне хватает :nth-child.

Да, но при этом вместо :nth-child можно с тем же успехом подставить :nth-of-type, и ничего не потерять. Или все-таки есть ситуации, где :nth-child более применим?

 <div class="container">
                <span>1</span>
                <strong>2</strong>
                <em>3</em>
                <strong>4</strong>
                <span>5</span>
                <em>6</em>
                <span>7</span>
                <strong>8</strong>
                <strong>9</strong>
          </div>

Выглядит вот так:

1 2 3 4 5 6 7 8 9

а теперь задача - выделить красным цветом все четные числа. Справитесь с помощью :nth-of-type? или все же с :nth-child будет удобней?

1 лайк

Ну справиться-то можно, но с child будет удобнее ) Понял, спасибо