css - 防止子元素使用父类

Question

我遇到了这种情况的问题，我有一个带有一个全局类的小表单，我用它来跟踪表单的状态，但现在我有一个复选框，我不想继承那个父类。 .. 那么如何防止呢？

<div id="find_employee" class="myCustomClass">
<div class="col-lg-3">
            <div class="form-group">
                <label for="employee_last_name">Last Name</label>
                <input id="employee_last_name" name="employee_last_name" type="text" maxlength="30" class="form-control filterItem" placeholder="Last Name">
            </div>
        </div>
        <div class="col-lg-3">
            <div class="form-group">
                <label for="employee_first_name">First Name</label>
                <input id="employee_first_name" name="employee_first_name" type="text" maxlength="30" class="form-control filterItem" placeholder="First Name">
            </div>
        </div>
        <div class="col-lg-3">
            <div class="form-group">
                <label for="employeeID">Employee ID #</label>
                <input id="employeeID" name="employeeID" type="text" maxlength="10" class="form-control filterItem" placeholder="Employee ID #">
            </div>
        </div>
<div class="col-lg-12">
            <div class="form-group">
                <input type="checkbox" name="isActiveEmployee" id="isActiveEmployee" value="false" />
                <label for="isActiveEmployee">Include Inactive Employee</label>
            </div>
</div>

如何在底部的复选框元素上禁用 myCustomClass？通过 js、jquery 或 css？

Answer 1

将 myCheckboxClass 添加到复选框，然后在 myCustomClass 上使用非选择器

myCustomClass: not(.mycheckboxClass) { ... }