Question

是否可以为所选元素添加样式，例如：

我有bootstrap.css

我有

<!DOCTYPE>
<html>
<head><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"></head>
<body>
<div id='a' class ='container'></div>
<div id='b' class ='container'></div>
</body>
</html>

是否可以仅使用jQuery或其他内容为bootstrap.css元素添加#a样式？

Answer 1

您可以使用SASS继承。

请参考以下代码：

'#a {
     @import url(bootstrap.css);
}'

这将使您使用“#a”前缀parent引导css。

由于

Answer 2

其实你不能这样做。毕竟它是一个完整的HTML文档。无论你包括哪个css，它都适用于页面的所有元素。

一个解决方案是针对#b，你需要覆盖样式，如果由bootstrap.css应用任何样式

Answer 3

你有bootstrap.css，如果你想为自己的特定元素分配自定义样式..

使用... jquery的

＆＃13;

$("#a").css("color","red");

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!DOCTYPE>
<html>
<head><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"></head>
<body>
<div id='a' class ='container'>color</div>
<div id='b' class ='container'></div>
</body>
</html>

＆＃13;

如果你想覆盖

＆＃13;

$("#a").attr('style', 'text-align: center;color:red;');

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!DOCTYPE>
<html>
<head><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"></head>
<body>
<div id='a' class ='container'>red</div>
<div id='b' class ='container'></div>
</body>
</html>

＆＃13;

css stye只为选定的元素

3 个答案: