Как переопределить стиль атрибута css

Question

У меня есть страница, которую мне нужно изменить. Элемент, который я работаю над имеет [атрибут] директивы, как это:

<div class="someClass" myAttributeDirective></div> 

myAttributeDirective имеет собственную страницу CSS, которая определяет некоторый стиль, как это:

[myAttributeDirective] { 
/* a few different properties */ 
border: 1px solid red; 
position: relative; 
} 

/* then some more class stylings related to the directive */ 

Так что вы видите , в css он определяет некоторые стили для JUST атрибута, поэтому, если атрибут существует в любом элементе, примените эти стили.

Когда я просматриваю свой элемент в инструментах Dev, это выглядит не совсем правильно. Чтобы «исправить», я отменил проверку одного из свойств css, вызывающего мою проблему, position: relative;.

НО

Я не могу изменить «ядро» CSS для этой директивы, так как он используется по всему приложению. И, если я попытаюсь переопределить это свойство, это не сработает (на самом деле, на велосипеде через другую позицию: * опции только приводят к ухудшению ситуации).

Итак, как мне переопределить это конкретное свойство, не меняя основной файл css?

Answer 1

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

<div class="someClass" myAttributeDirective style="position:absolute;"></div>