2014-01-06 6 views
-3

У меня есть правило CSS в файле CSS, как это:CSS применения правила

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

Что мне нужно сделать, это не применять это правило в данном файле JSP, как я могу это сделать, пожалуйста? Правило применяется во всех СПЯ я импортировал де CSS файл в

EDIT:.. Вот мт JSP, что я не хочу, чтобы включить это правило CSS в

<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> 
+0

Пожалуйста, дайте UW больше кода, чтобы мы могли помочь у лучше –

ответ

0

Это Стиль CSS применяется ко всем элементам, это *, изменить его на что-то еще, например класс, чтобы он не применялся.

Например:

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

Затем в HTML, когда вы хотите его применить

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

он работал для меня спасибо! – user2490936

2

В этом файле можно переопределить правила и установить свойство обратно в значение по умолчанию, которое есть content-box. Что-то вроде этого:

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

Я тоже попробую! благодаря – user2490936

Смежные вопросы