如何使用ID阻止特定选择器上的CSS / JavaScript？

Question

我正在使用此JavaScript在我的代码中的单选按钮和复选框上添加CSS类。

    $('input[type="checkbox"]').iCheck({
        checkboxClass: 'icheckbox_flat-blue'
    });
    $('input[type="radio"]').iCheck({
        radioClass: 'iradio_flat-blue'
    });

我正在跟踪HTML页面中的布局和内容现象，换句话说，我有一个layout.html，其中包含所有页面中都相似的所有部分和分区，并且我在content.html页面中使用此布局来呈现内容。

|----------------------|                      |----------------------|
|   Header             |                      |   Header             |
|======================|                      |======================|
|                      |                      |                      |
|                      |                      |                      |
|     Content 1        |                      |    Content xyz       |
|                      |                      |                      |
|                      |                      |                      |
|======================|                      |======================|   
| footer               |<-----Layout--------->| footer               | 
|----------------------|                      |----------------------|

所有CSS和脚本都在布局中，因为我几乎在每个内容页面中都在使用它们。 我的内容页面包含HTML输入字段，例如文本，单选等。以上脚本位于布局文件中，该文件在我的内容页面的单选按钮和复选框中添加了CSS类。 但是它们是同一内容页面中的某些位置，我不希望此脚本在我的输入字段上工作。 我想在同一内容页面上的两个单选按钮上禁止使用此脚本，而在其他单选按钮上使用此脚本。 有没有办法通过给他们一个ID来做到这一点？

Answer 1

您可以在不想更改的输入广播中设置班级：

<input type="radio" class="not-apply" />

并在jQuery选择器中使用not操作：

$('input[type="checkbox"]:not(.not-apply)')

Answer 2

如果您不使用jQuery，而仅使用纯JavaScript和CSS，则可以使用此语法

document.querySelectorAll('span.test:not(.asd)');

CSS不