我在一个不使用JQuery的项目中工作.
twitter bootstrap是否依赖于它？
我想要一些与Theming可折叠标题非常类似的东西:
http://jquerymobile.com/demos/1.2.0-alpha.1/docs/content/content-collapsible.html
不使用JQuery,这可能吗？
这是一个移动网站,但页面总是脱机,所以我真的不想使用jquery.同时为jquery mobile提供自定义样式比使用纯css并自己设置风格要难得多.
我知道如何折叠(显示/隐藏)div:
$('#nav').click(function() { $('#hello').toggleClass('hidden'); });.hidden { display: none; }<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="nav">NAV</div>
<div id="hello" class="hidden">Hello</div>没有Javascript/jQuery可以做到这一点吗？
所以我正在做一些wiki编辑,遗憾的是Javascript没有启用.因此,我需要CSS大师的帮助!
我知道您可以添加如下自定义HTML属性:
<span id="some-id" custom_attr="no"></span>
你可以用custom_attr这样的样式元素:
span[custom_attrib] { /* styling here */ }
现在,有没有办法在CSS中编辑HTML属性？
示例(当然不起作用..):
<!------------- CSS ------------>
<style>
.some-class {
/* Original code here */
}
.some-class[custom_attr = "yes"] {
/* Change code here */
}
#some-id:hover ~ .some-class[custom_attr = "no"] {
custom_attr : "yes";
}
</style>
<!------------- HTML ------------>
<html>
...
<span id="some-id">...</span>
<span class="some-class" custom_attr="no">...</span>
...
</html>