如何从div样式覆盖CSS

Question

我有一个div，并具有某些类和样式。我想覆盖或更改我的样式。如何将其放入CSS。

这是我从inspect元素得到的div。

<div unselectable="on" class="x-grid-cell-inner x-grid-cell-inner-treecolumn" style="text-align:left;">

我想要我的text-align:right如何实现这一目标。

Answer 1

您可以通过对这些类使用!important exception来做到这一点。请记住，如果您不希望新样式影响具有这些类的所有元素，则必须使用新的class或id：

.x-grid-cell-inner.x-grid-cell-inner-treecolumn{
  text-align:right !important;
}

<div unselectable="on" class="x-grid-cell-inner x-grid-cell-inner-treecolumn" style="text-align:left;">Test Container</div>

Answer 2

div.x-grid-cell-inner.x-grid-cell-inner-treecolumn {text-align:right !important; }

确保它不会影响您的其他元素