Tag: CSS

从Javascript更改CSS规则集

是否可以动态更改CSS规则集（例如，某些JS会在用户单击某个小部件时更改CSS规则集） 这个特定的CSS规则集适用于页面上的许多元素（通过类选择器），我想在用户单击小部件时对其进行修改，以使所有具有该类的元素都改变。

每隔3格包裹一个div

是否有可能使用nth-child选择器使用.wrapAll包装3个div？ 我似乎无法找出正确的方程。 所以… <div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> </div> 成为… <div> <div class="new"> <div></div> <div></div> <div></div> </div> <div class="new"> <div></div> <div></div> <div></div> </div> </div>

有类前缀的CSS选择器吗？

我想将CSS规则应用于其中一个类匹配指定前缀的任何元素。 例如，我想要一个规则，将适用于具有以状态开始的类（A和C，但不在下面的代码段中）： <div id='A' class='foo-class status-important bar-class'></div> <div id='B' class='foo-class bar-class'></div> <div id='C' class='foo-class status-low-priority bar-class'></div> 某种组合： div[class|=status]和div[class~=status-] 在CSS 2.1下可行吗？ 在任何CSS规范下都可行吗？ 注意：我知道我可以使用jQuery来模拟。

如何使CSS3圆角在Chrome / Opera中隐藏溢出

我需要一个父div的圆角掩盖其孩子的内容。 overflow: hidden在简单的情况下工作，但是在父级相对或绝对定位的情况下，基于webkit的浏览器和Opera会中断。 这适用于Firefox和IE9： CSS #wrapper { width: 300px; height: 300px; border-radius: 100px; overflow: hidden; position: absolute; } #box { width: 300px; height: 300px; background-color: #cde; } HTML <div id="wrapper"> <div id="box"></div> </div> JSFiddle示例 谢谢您的帮助！ 更新：导致此问题的错误已经在Chrome中修复。 不过，我还没有重新测试Opera或Safari。

用CSS3 calc进行更少的积极编译

我正在使用的较少编译器（ OrangeBits和无点1.3.0.5 ）正在积极地进行翻译 body { width: calc(100% – 250px – 1.5em); } 成 body { width: calc(-151.5%); } 这显然是不希望的。 我想知道是否有一种方法，以信号的Less编译器本质上忽略编译过程中的属性。 我已经通过Less文档搜索和两个编译器的文档，我找不到任何东西。 少或少的编译器支持这个？ 如果没有，是否有一个CSS扩展程序呢？

IE7不理解display：inline-block

有人可以帮我把我的头绕过这个bug吗？ 与Firefox的工作正常，但与Internet Explorer 7不是。 似乎不懂display: inline-block; 。 HTML： <div class="frame-header"> <h2>…</h2> </div> CSS： .frame-header { height:25px; display:inline-block; }

CSS3转换事件

是否有任何事件触发css3转换已经开始或结束？

从JavaScript元素删除CSS类（没有jQuery）

任何人都可以让我知道如何仅使用JavaScript删除元素上的类？ 请不要给我一个jQuery的答案，因为我不能使用它，我不知道这件事。

打印网页时如何隐藏元素？

我在我的网页上有一个链接来打印网页。 但是，链接在打印输出中也是可见的。 是否有JavaScript或HTML代码，当我点击打印链接时会隐藏链接按钮？ 例： "Good Evening" Print (click Here To Print) 我想在打印文本“晚上好”时隐藏这个“打印”标签。 “打印”标签不应该显示在打印输出本身上。

为什么他们而不是px？

我听说你应该在你的样式表中用em来定义大小和距离，而不是像素。 所以问题是为什么在css中定义样式时我应该使用em而不是px？ 有没有一个很好的例子来说明这一点？