Как обратиться к select css?

Question

[atumbochka]

Есть 2 select-а:

<select name="select" id="monthOfBirth">
                <option>Январь</option>
                <option>Февраль</option>
                <option>Март</option>
                <option>Апрель</option>
                <option>Май</option>
                <option>Июнь</option>
                <option>Июль</option>
                <option>Август</option>
                <option>Сентябрь</option>
                <option>Октябрь</option>
                <option>Ноябрь</option>
                <option>Декабрь</option>
            </select>

<select name="select">
            <option>Сложные</option>
            <option>Средние</option>
            <option>Лёгкие</option>
        </select>

Вот код CSS:

select {
    width: 100px;

    cursor: pointer;
}

Первый select приобретает настройки css, а второй - нет. Также я не понимаю значение "name". К class можно обратиться через точку, к id - через решетку. Как обратиться к name?
Если сделать class или id селектам и обратиться через них, то почему-то ничего не меняется.

Answer 1

[Ilya Olovyannikov]

https://codepen.io/Olovyannikov/pen/RwGwGJZ

Comments

[atumbochka]

Большое спасибо!