CSS應用規則

-3

我有這樣的CSS文件中的CSS規則：CSS應用規則

* { 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box; 
}

我需要做的是不要在一個給定的JSP文件中應用此規則，我該怎麼做嗎？規則是在所有的JSP應用我進口德CSS文件中

編輯：。 這是我不希望包括在CSS規則MT JSP

<body class="avi"> 
<div id="container"> 
    <div id="header"> 
     <jsp:include page="../header/header.jsp"/> 
    </div> 
    <div id="body"> 
     <div class="avi_container" style="position:relative;"> 
      <ul id="avi" data-avi="${avi}" style="display:none;"></ul> 
     </div> 
    </div> 
<!-- <div id="footer"> --> 
<!-- </div> --> 
</div> 
<!-- modal content --> 
<div id="ibox-modal-content"> 

    <div id="ibox-modal-title">S&eacute;lectionnez le type d'action :</div> 
    <div class="close"><a href="#" class="simplemodal-close"><i class="icon-cancel" style="color: white;"></i></a></div> 

    <div id="nodes-nav"> 
     <div class="row"> 
      <div class="title field">S&eacute;lectionnez le type d'action</div> 
     </div> 
     <div class="row"> 
     <div id="ibox-modal-data" class="shaded popup"> 
      <ul class="menulist node-list"> 
       <li class="node-item"> 
        <div class="medium metro rounded btn active"> 
         <a href="message" class="selected node-link" data-action="Prompt" data-display="Message audio">Message Audio</a> 
        </div> 
       </li> 
       <li class="node-item"> 
        <div class="medium metro rounded btn"> 
         <a href="mevo" class="node-link" data-action="Mevo" data-display="Messsagerie">Messagerie Vocale</a> 
        </div> 
       </li> 
       <li class="node-item"> 
        <div class="medium metro rounded btn"> 
         <a href="calendar" class="node-link" data-action="Calendar" data-display="Calendrier">Calendrier</a> 
        </div> 
       </li> 
       <li class="node-item"> 
        <div class="medium metro rounded btn"> 
         <a href="fork" class="node-link" data-action="Fork" data-display="Menu">Menu</a> 
        </div> 
       </li> 
       <li class="node-item"> 
        <div class="medium metro rounded btn"> 
         <a href="routing/simple" class="node-link" data-action="Routing" data-type="0" data-display="Transfert sur num&eacute;ro">Transfert sur un Numéro</a> 
        </div> 
       </li> 
       <li class="node-item"> 
        <div class="medium metro rounded btn"> 
         <a href="routing/agent" class="node-link" data-action="Routing" data-type="2" data-display="Transfert sur dispo">Transfert sur Disponibilité</a> 
        </div> 
       </li> 
       <li class="node-item"> 
        <div class="medium metro rounded btn"> 
         <a href="routing/skill" class="node-link" data-action="Routing" data-type="1" data-display="Transfert sur comp&eacute;tence">Transfert sur Compétence</a> 
        </div> 
       </li> 
       <li class="node-item"> 
        <div class="medium metro rounded btn"> 
         <a href="routing/simple" class="node-link" data-action="Callback" data-display="Call Back">Call Back</a> 
        </div> 
        <!-- <a href="routing/simple" data-action="Callback" data-display="Call Back">Call Back</a> --> 
       </li> 
      </ul> 
     </div> 
     </div> 
     <div id="modal-content" class="row"> 
      <div id="contentaction"> 
      </div> 
     </div> 
    </div> 
</div> 
</body>

來源

2014-01-06 user2490936

請給UW更多的代碼，所以我們可以幫助它爲我工作ü更好 –

那CSS樣式適用於所有元素它是*，將其更改爲其他類別，例如它不適用的類。

例如：

body.mainpages { 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box; 
}

在你的HTML

然後，當你想它適用

<body class="mainpages"></body>

來源

2014-01-06 11:13:46

謝謝！ – user2490936

在該文件中，你可以重寫規則，並設置該屬性恢復爲默認值是content-box。事情是這樣的：

* { 
    -webkit-box-sizing: content-box; 
    -moz-box-sizing: content-box; 
    box-sizing: content-box; 
    }

來源

2014-01-06 11:14:33

我也試試這個！謝謝 – user2490936

回答

相關問題