Tag: css selectors

select基于多个类的元素

我有一个样式规则，当它有两个样式时，我想应用于一个标签。 有没有什么办法可以执行这个没有JavaScript？ 换一种说法： <li class='left ui-class-selector'> 我只想在应用了.left和.ui-class-selector类的情况下应用我的样式规则。

通过JavaScript更改CSS伪元素样式

是否有可能通过JavaScript更改CSS伪元素样式？ 例如，我想dynamic设置滚动条的颜色，如下所示： document.querySelector("#editor::-webkit-scrollbar-thumb:vertical").style.background = localStorage.getItem("Color"); 我也想能够告诉滚动条隐藏像这样： document.querySelector("#editor::-webkit-scrollbar").style.visibility = "hidden"; 但是，这两个脚本都会返回： Uncaught TypeError：无法读取null的属性'style' 有没有其他的方式去做这件事？ 跨浏览器的互操作性并不重要，我只是需要它在webkit浏览器中工作。

处理CSSselect器中元素ID的冒号

JSF将input字段的ID设置为search_form:expression 。 我需要在该元素上指定一些样式，但冒号看起来像是浏览器的伪元素的开始，所以它被标记为无效并被忽略。 无论如何逃避冒号或什么？ input#search_form:expression { ///… }

jQuery或CSSselect器来select以string开头的所有ID

我如何select所有id为“player_”开头的元素？ 我有这样的多个元素： <div id="player_290x3dfda">text</div> 每个id都有一个独特的印章。 我如何select所有这些元素，无论是与jQuery或纯CSS？

星号（*）在CSSselect器中做什么？

我发现这个CSS代码，我运行它来看看它做了什么，它列出了页面上的每个元素， 有人可以解释一下Asterisk *在CSS中的作用吗？ <style> * { outline: 2px dotted red } * * { outline: 2px dotted green } * * * { outline: 2px dotted orange } * * * * { outline: 2px dotted blue } * * * * * { outline: 1px solid red } * * * * * * […]

在CSS中按数据属性select元素

是否可以通过CSS5中的HTML5数据属性（例如data-role ）select元素？

CSS：选定的伪类似于：checked，但是用于<select>元素

有没有一种方法来设置<select>元素中当前选定的<option>元素的样式？ 然后，我可以给当前选定的选项元素一个背景颜色？ 这样，我可以在closures的下拉菜单中select当前可查看的选项。

n-child对class级没有反应

是否有可能得到第n孩子伪select器与特定的类工作？ 看到这个例子： http : //jsfiddle.net/fZGvH/ 我想让第二个DIV.red变成红色，但是它并不像预期的那样应用颜色。 不仅如此，而且当你指定这个时，它将第5个DIV改为红色： div.red:nth-child(6) 当你指定这个时，它将第8个DIV改为红色： div.red:nth-child(9) 这似乎是一个DIV背后。 这个例子中只有8个DIV标签，所以我不知道为什么n-child（9）甚至可以工作。 使用Firefox 3.6进行testing，但是在我的实际生产代码中，Chrome出现同样的问题。 我不理解这个应该如何工作的东西，将不胜感激澄清。 此外，这将改变第六个DIV为红色，但我真正想要的是它将第二个DIV.red更改为红色： div.red:nth-of-type(6) 我不明白为什么nth-child（）和nth-of-type（）以不同的方式响应，因为文档中只有8个相同types的标签。

可以：not（）伪类有多个参数？

我试图select除radio和checkbox以外的所有type的input元素。 许多人已经表明，你可以把多个参数:not ，但使用type似乎并不工作，无论如何，我尝试了。 form input:not([type="radio"], [type="checkbox"]) { /* css here */ } 有任何想法吗？

修改Sass中select器的中间（添加/删除类等）

我有我的菜单中的样式链接以下SCSS： nav { ul { li { a { color: red } } } ul.opened { li { a { color: green } } } } 其中生成以下（正确的）CSS： nav ul li a { color: red; } nav ul.opened li a { color: green; } 我尝试修改我的JavaScript来将类应用于nav元素，并在Sass中使用selector-append()来追加类。 但是这似乎是以错误的顺序进行追加（如果参数颠倒过来，则该类将被追加到最后一个元素！）： nav { ul { li { a { color: red; […]