CSS - свойство style не переопределяет класс

Question

У меня есть контейнер DIV, который является классом CSS, определенным на верхнем уровне.Этот контейнер также имеет стиль, который имеет пару элементов, которые должны переопределять элементы основного класса.Насколько я понимаю, это то, что он должен делать, но он, кажется, игнорирует все, что я помещаю туда.

/* In the CSS file. */
div.ItemContainer {
    position:absolute;
    left:50px;
    top:15px;
    width:80px;
    height:70px;
}

и в файле HTML:

<div class="ItemContainer" style="left:200px; top:150px;">
    Test text.
</div>

Я что-то здесь не так делаю?Если нет, какие-либо предложения о том, как заставить это работать?Спасибо.

Answer 1

Иногда в некоторых браузерах происходит неправильный каскад.Используйте флаг !important для переопределения поведения.

style="left: 200px !important; top: 150px !important"

Answer 2

Ваш код, кажется, в порядке.Посмотрите на язык разметки, который вы используете (HTML / XTML ...), чтобы увидеть, есть ли в нем ошибки, такие как незакрытые кавычки, отсутствующий тег или отсутствующий конечный тег.Еще одна вещь, которая может испортить ваш стиль - это использование JavaScript для стилизации. плохая практика использовать JavaScript для стилизации!Внимательно рассмотрите, что вы делаете с использованием JavaScript для стилизации.

---

iScroll

Использование iScroll является источником вашей проблемы.Возможно, вы захотите использовать библиотеку JavaScript, которая не работает с CSS.Кроме того, вы можете попробовать изменить библиотеку или найти способ обойти то, что вы делаете с библиотекой.

Вы можете найти что-то полезное в этих ссылках:

• jQuery TOOLS
• jQuery UI

Answer 3

попробуй! Важно

left:200px !important;