Question

我在CSS文件中有一个CSS规则，如下所示：

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

我需要做的是不在给定的jsp文件中应用此规则，我该怎么做？该规则适用于我导入的所有jsp文件。

修改这是mt 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>

Answer 1

在该文件中，您可以覆盖规则并将属性设置回其默认值content-box。像这样：

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

Answer 2

CSS样式适用于所有元素，它是*，将其更改为其他内容，例如不适用的类。

例如：

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

然后在您希望它应用的HTML中

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

CSS应用规则

2 个答案: