如何覆盖全局引导样式表？

-2

我想通过设置选择标记的宽度属性来改变我的应用程序中的下拉宽度。但由我提供的宽度没有任何影响，因为它是在全局样式表文件中为选择标记预先指定的。我不想更改全局CSS文件。但是，是否可以在不更改全局CSS的情况下重新调整我的下拉列表大小？如何覆盖全局引导样式表？

来源

2014-01-17 Atul Kumar

您使用的是什么选择器？向我们展示一些代码plz。 –

-2

你需要你定义后添加!important：

.dropDownCustom 
{ 
    width: 100px !important; 
}

来源

2014-01-17 09:23:24

[不要使用重要的]（http://stackoverflow.com/questions/3706819/what-are-the-implications-of-using-important-in-css），而是写一个更具体的选择器。 – Quentin

同意@Quentin，明智地使用重要，只有当真的没有其他方式时才使用 –

但是很多Bootstrap类也使用！重要的是，您如何使用自定义选择器来覆盖它？ –

我会不同意使用重要的，应该只是在真正需要的时候，因为在龙润会引起人们谁将会保持问题码。

1）创建一个单独的css文件&并将您的规则放在那里。

2）将它包括在bootstrap之后。

3）确保对您的HTML元素的需要，如果这是指定的

改变

例如

<!DOCTYPE html> 
<html> 
    <head> 
     <style> 
      div#test table#sometable td#sometd{ 
       color: #000; 
      } 

      td#sometd{ 
       color: #fff; 
      } 
     </style> 
    </head> 
    <body> 
     <div id="test"> 
      <table id="sometable"> 
       <tr> 
        <td id="sometd"> 
         hello 
        </td> 
       </tr> 
      </table> 
     </div> 
    </body> 
</html>

德细胞内的“你好”文本将保持黑色的路径，具体虽然你有td#sometd{color:#fff;}

这是因为之前CSS规则比第二个更具体的，因此你的首要规则，可能仅仅是：

div#test table#sometable td#sometd{ 
    color: #fff; 
}

如果您想覆盖其他！重要规则或内联css，您应该使用！明智重要的&作为最后的手段。

来源

2014-01-17 09:37:56 Syd

避免使用！重要的是，尽量重写特异性。

https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity

来源

2014-01-17 17:05:54 hugodutra

如何覆盖全局引导样式表？

回答

相关问题