Как указать стиль, который не должен быть переопределен стилями, указанными в JS

Question

У меня есть некоторые элементы, стиль которых динамически изменяется с помощью JS. Тем не менее, я надеюсь, что один из которых не будет изменен.

Как я могу указать его стиль, который является статическим, чтобы не переопределять его в любом случае. Спасибо.

Answer 1

это не может быть сделано.JavaScript выполняется после загрузки и применения CSS.вам придется изменить свои идентификаторы и классы и / или код JavaScript, чтобы он не нацеливался на элементы, которые вы не хотите изменять.

Answer 2

Как вы уже видели, вы не можете сделать это в CSS; тем не менее, вы можете указать вашему JavaScript не обновлять стиль элемента, но это требует некоторого ручного внимания Учтите следующее:

HTML

<ul id="some-list">
    <li>A</li>
    <li>B</li>
    <li class="no-style-update">C</li>
    <li>D</li>
</ul>

JavaScript (ваниль)

var nodes = document.getElementById("some-list").getElementsByTagName("LI");

for ( var i=0, l=nodes.length; i<l; ++i ) {
    // If style updates are allowed
    if ( !nodes[i].className.match(/\bno-style-update\b/i) ) {
        // Update the element's style
    }
}

Answer 3

Короткий ответ: ты не можешь. CSS применяется так, как он встречается браузером. Поскольку вызов JavaScript является последним вызовом, который изменяет этот конкретный стиль, он будет применен к элементу.

Что вы можете сделать, это запустить другой JavaScript, который меняет стиль этого конкретного элемента после первого скрипта. Поскольку в этом элементе есть что-то уникальное, вы можете ссылаться на него по его идентификатору, классу или имени.

Answer 4

Вы не можете.

Лучшее, что вы можете сделать, это переопределить методы javascript, которые делают изменение.

Answer 5

Возможно, вы могли бы поместить элементы в iframe, где атрибут src относится к другому пути или домену. Затем javascript на странице контейнера не смог изменить элемент из-за того же правила происхождения, которое не позволяет изменять данные из разных источников.