Question

我正在使用带有c＃的asp.net。我有一个stlyeSheet，可以在所有的Web表单中使用。但是对于某些特定的div，我想将空白值“ nowrap ”更改为“ initial ”

css Class

   .hint:after, [data-hint]:after {
        content: attr(data-hint);
        background: #383838;
        color: white;
        padding: 8px 10px;
        padding: 15px;
        font-size: 12px;
        line-height: 12px;
        /*white-space: initial;*/
        white-space: nowrap;        
        max-width: 300px;           
    }

我希望更改此css类的HTML控件

 <div id="noteDiv" class="home_watchlist_colmn  col_Note hint--bottom" data-hint="<%#Eval("Note")%>">
   <div class="note_detail">
      <%#Eval("Note")%>
   </div>
 </div>

data-hint用于工具提示。此div继承给定的类。我想改变这个“noteDiv”的空白区域。

请提供适当的代码解决方案。

Answer 1

使用#

与ID匹配

#noteDiv {
    white-space: initial
}

或

#noteDiv:after {
    white-space: initial
}

如果你需要覆盖你提到的第一块CSS。

如何覆盖css类的组？

1 个答案: