Как сделать переопределить стиль CSS (тип-стиля), установленный в основном файле CSS

Я пытаюсь переопределить настройку CSS для списков на одной из моих страниц. В моем главном файле CSS я установил следующее правило:

ul, li {list-style-type: none; }

У меня есть одна страница, на которой я НЕОБХОДИМ установить стиль списка - я также хотел бы увеличить интервал между этими элементами списка на этой единственной странице.

Страница выглядит так:

  <div><h3 style="color:#023467;">Hello</h3>
        <ul style="color:#006699; list-style-type:circle;"> <!-- has no effect -->
            <li>line 1</li>
            <li>line 2</li>
            <li>line 3</li>
            <li>line 4</li>
        </ul>
    </div>

Пока что я пробовал следующее:

• Добавление стиля к содержащему тегу UL
• Добавление стиля ОБА к содержащему тегу UL и к каждому тегу LI

Пока ничего не работает. Поскольку у меня более 1К страниц, ссылающихся на файл main.css, я не хочу его менять. Но как я могу переопределить настройки для определенных элементов списка на моей странице?

Почему я не могу переопределить настройки в моем main.css, даже если я применяю стиль к самому элементу?