Question

我有一个父类“tab content”，宽度= 960px，子类“wrap”，宽度= 980px。由于这个完整的动画是不可见的。父子div的css在单独的css文件中，我只能访问子css文件。如何用子项覆盖父CSS。我已经尝试过使用！important标签了。 Div结构是这样的：

 <div class="tab-content">
   <div id="section_1">
     <div id="presentation_1" class="presentation" style="margin-bottom: 10px;">
       <div class="presentationContent">
           <div class="animationContainer">
             <div  class="wrap" ></div>

Answer 1

向tab-content添加ID，并在样式表中更改宽度。由于没有当前ID，只有一个类，因此您的ID规则将位于您无法访问的样式表中的原始class规则之前。

<div class="tab-content" id="slideshowDiv">

然后在样式表中添加CSS规则

#slideshowDiv { width: 960px }

用子div覆盖父div的css

1 个答案: