Question

谷歌并没有提供太多帮助，可能是因为我不知道如何表达我的问题。有没有办法通过<style>为特定类型的元素指定CSS类？例如，如果我希望div中的所有复选框都有＆＃34;复选框 - 内联＆＃34; class（是的，那个引导程序），我不会做类似的事情：

<style>
     input[type=checkbox] 
     {
         class: checkbox-inline;
     }
</style>

这似乎不起作用。没有"class"属性（至少没有Intellisense显示）。

Answer 1

不，这不是CSS的用途。

您可以使用JavaScript执行此操作，但这只会在您的页面加载后发生：

纯JavaScript

var elems = document.querySelectorAll('input[type=checkbox]');

for (var i = 0; i < elems.length; i++)
  elems[i].className += " checkbox-inline";

.checkbox-inline {
    display: block;
}

<input type="checkbox" /> Checkbox 1<br>
<input type="checkbox" /> Checkbox 2<br>
<input type="checkbox" /> Checkbox 3<br>
<input type="checkbox" /> Checkbox 4

的jQuery

$('input[type=checkbox]').addClass("checkbox-inline");

.checkbox-inline {
    display: block;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="checkbox" /> Checkbox 1<br>
<input type="checkbox" /> Checkbox 2<br>
<input type="checkbox" /> Checkbox 3<br>
<input type="checkbox" /> Checkbox 4

然而，最好的解决方案是手动更改HTML文件。

Answer 2

CSS不能用于此类操作。您需要JavaScript才能将类添加到某些元素中。

Answer 3

无法使用CSS设置项目的类。

如果要更改元素的类，则必须使用Javascript。

由于您已经在使用bootstrap，因此您也可以使用jQuery。这样的事情可能有用：

$('input[type=checkbox]').each(function() {
    $(this).class('checkbox-inline');
});

Answer 4

如果我理解正确，你想在div中的所有复选框上添加一个类。对不起，如果不使用JAVASCRIPT，这是不可能的。

或者，如果您在项目中使用jQuery，您将能够以更少的代码行完成

Answer 5

不，你可以，但如果你使用Bootstrap，为什么不使用jQuery。

$(document).ready(function(){
   $("input[type=checkbox]").addClass('checkbox-inline');
});

没有CSS类的属性

5 个答案:

纯JavaScript

的jQuery