Question

我有一个页面需要修改一些行为。我正在处理的元素有一个[attribute]指令，如下所示：

<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;。

BUT

我无法更改该指令的“核心”css，因为它在整个应用程序中使用。并且，如果我试图覆盖该属性，它就不起作用（实际上，循环通过不同的位置：*选项只会导致事情变得更糟）。

那么，如何在不更改核心css文件的情况下覆盖该特定属性？

Answer 1

如果您想在任何情况下覆盖样式而不管应用哪种顺序样式，请考虑在div中应用样式内联。

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

如何覆盖css属性专用样式

1 个答案: