Question

我有以下html和样式在页面中定义时应用正常但是当我将样式移动到.css时它不适用（使用带有jsp的bootstrap，所以不确定是否适用）。< / p>

注意：我在.css中有其他样式，可以在.jsp页面上正确设置样式html。不是这个特别的wontStyle类。

的index.jsp

<body>
 <div id="wrapper">
   <div class="container">
     <div class="row-fluid">
       <div class="span2">
         <div class="well">
           <div class="wontStyle">  <!-- This won't style in .css but will style inside page -->

如果我在页面标记中应用以下内容，则应用边距和填充（它可以正常工作）。

   <style>
     .wontStyle{
        margin-top: -9px !important; 
        padding-bottom: 18px !important;
    } 
  </style>

但是，如果我将样式移动到mystyle.css，它将不再应用样式（不起作用）？

mystyle.css

 .wontStyle{
    margin-top: -9px !important; 
    padding-bottom: 18px !important;
}

包含在我的index.jsp

中

<link href="content/css/mystyle.css" rel="stylesheet">

如何从我的.css文件中应用样式？

修改/更新：

问题在于以下引导模态崩溃风格缺失a}在放置在崩溃下方时破坏了wontstyle。

 .collapse  {
         .transition(height .15s ease);
        position:relative;
        overflow:hidden;
         height: 0;
         &.in {
          height: auto; 
 }

我没有在.css的控制台上看到Chrome中的任何错误。我怎么能在将来捕获这样的东西（css页面无法加载或打破中点/等）？

Answer 1

使用JSP时，必须在应用程序的上下文中引用CSS文件。例如，您可以使用JavaServer Pages Standard Tag Library中的<c:url>来定义所需CSS / JS /图像文件的路径。假设您的CSS文件位于/ content / css中当前位置以外的几个文件夹中，您可以在从Oracle导入<c:url>后执行以下操作：

<link type="text/css" rel="stylesheet" href="<c:url value='/content/css/mystle.css' />" />

Answer 2

在.css文件中的以下样式中缺少}，该文件位于“wontstyle”之上。从而阻止我的样式从css文件本身加载。

 .collapse  {
         .transition(height .15s ease);
        position:relative;
        overflow:hidden;
         height: 0;
         &.in {
          height: auto; // }  <-- Needs a  bracket here
 }

来自.css文件的样式不适用，但是从本地.jsp标记<style> </style>执行

2 个答案: