Javascript 仅用于选定元素的css样式
是否可以为选定图元添加样式,例如: 我有Javascript 仅用于选定元素的css样式,javascript,jquery,html,css,Javascript,Jquery,Html,Css,是否可以为选定图元添加样式,例如: 我有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'>&
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
样式?实际上您不能这样做。
毕竟它是一个完整的html文档。
无论包含哪个css,它都将应用于页面的所有元素
一种解决方案是#b,如果bootstrap应用了任何样式,则需要重写样式。css您可以使用SASS继承来实现
请参阅以下代码:
'#a {
@import url(bootstrap.css);
}'
这将使您使用“#a”前缀父级引导css
谢谢你有bootstrap.css,如果你想给特定元素指定自定义样式
使用…jquery
$(“a”).css(“颜色”、“红色”)代码>
颜色
从#b
中删除类容器
导入样式表时,样式将添加到整个文档中。复制元素所需的样式比为单个元素添加整个样式表更有意义。但您可以使用自己的属性覆盖该属性。我的意思是引导样式仅对带有@MrBones的#aAgree有效,我建议您从bootstrap.css
:)中剪切所需代码,这对他有什么帮助?是的,我可以覆盖它,但上面的脚本只是一个示例,因此在我的原始脚本中很容易覆盖,需要覆盖的元素太多:(据我所知,没有捷径可走。您必须覆盖这些元素。