Tag: css selectors
使用CSS：之前和之后：内嵌CSS的伪元素？
我正在使用内联CSS（即style属性中的CSS）制作HTML电子邮件签名，我很好奇是否可以使用:before和:after伪元素。 如果是这样，我将如何实现这样的内联CSS？ td { text-align: justify; } td:after { content: ""; display: inline-block; width: 100%; }
使用带有数字的ID的querySelector
从我所了解的HTML5规范，你可以使用像这样的数字的ID。 <div id="1"></div> <div id="2"></div> 我可以访问这些罚款使用getElementById但不是与querySelector 。 如果我尝试做以下操作，我得到控制台中的SyntaxError：DOMexception12 。 document.querySelector("#1") 我只是好奇，为什么使用数字作为ID不工作querySelector当HTML5规范说这些是有效的。 我尝试了多个浏览器。
我如何select除最后一个孩子之外的所有孩子？
我将如何select所有，但最后一个孩子使用CSS3select器？ 例如，只得到最后一个孩子将是div:nth-last-child(1) 。
CSSselect器和jQueryfilter之间的区别？
可以将CSSselect器传递给jQuery函数，例如： jQuery('h1 + h2'); jQuery也有一些filter，如:even和:odd ： jQuery('tr:even'); 我正在寻找某种语法规则来区分这两者，我在想，也许jQueryfilter总是使用: 。 但是，一些CSSselect器也使用a ：。 例如： :last-child :root :empty :target 有没有人有任何智能提示知道，如果它是一个CSSselect器或正在使用的jQueryfilter？
为什么你不能在CSSselect器中分组后代？
如果你想为一组后代赋予相同的风格，为什么没有一个简单的方法来做到这一点与CSS？ 假设你有一个HTML表格，如下所示： <table id='myTable'> <tr> <th></th> <th></th> <th></th> </tr> . . . <tr> <td></td> <td></td> <td></td> </tr> </table> 为什么必须使用下列select器来设置所有列标题和单元格的样式？ #myTable th, #myTable td {} 为什么没有类似于以下的语法？ #myTable (th,td) {}
在CSS属性select器中，“我”是什么意思？
我在Google Chrome用户代理样式表中find以下CSSselect器： [type="checkbox" i] i是什么意思？
在CSS中声明一组样式时，“。”和“＃”之间的区别是什么？
“＃”和“。”之间的区别是什么？ 当为一个元素声明一组样式，以及当决定使用哪一个时，什么是语义。
：有子类的nth-child（偶/奇）select器
我试图将奇数/偶数select器应用于父类的列表中的所有元素。 HTML： <ul> <li class="parent">green</li> <li class="parent">red</li> <li>ho ho ho</li> <li class="parent">green</li> <li class="parent">red</li> </ul> CSS： .parent:nth-child(odd) { background-color: green; } .parent:nth-child(even) { background-color: red; } ul { width:100px; height: 100px; display: block; } 链接到jsFiddle 但颜色正在重置。 我希望列表项是文本的颜色。 有没有办法做到这一点？
CSSselect器来select给定类的第一个元素
我试图在id或class为'B'的元素中select类“A”的第一个元素。 我试过> +和第一个子select器的组合，因为它不是类元素“B”中的第一个元素。 它的工作，但是…我试图重写一些默认的CSS，我无法控制服务器端，看来，类“A”元素有时生成在不同的位置。 这是一个例子： <class-C> <class-B> might have a different name <some-other-classes> structure and element count might differ <class-A></class-A> our target <class-A></class-A> this shouldn't be affected <class-A></class-A> this shouldn't be affected </class-B> </class-C> 有时候“B”类的名称不同，“A”之前的元素也不同。 那么有没有办法在元素“C”中select“A”的第一个出现？ 因为“C”类总是在那里。 由于第一个“A”元素的path不同，我不能使用+>和第一个孩子select器，但是元素“C”总是在那里，这将是一个不错的起点。 谢谢您的帮助
jQuery真正支持哪些CSS3select器，例如：nth-last-child（）？
根据http://api.jquery.com/category/selectors/，我们可以在jQuery中使用大量的CSSselect器，但是例如:nth-last-child()在那里没有提到。 然而，当我testing以下（与从谷歌jQuery 1.7.1），它实际上工作在Firefox，Chrome和IE 9，但不是在IE 8仿真模式下的IE 9： $('li:nth-last-child(2)').css('color', 'red'); 那么发生了什么？ 看起来好像jQuery生成CSS代码，如li:nth-last-child(2) { color: red }并以某种方式注入它，然后在支持使用select器的浏览器上正常工作。 但那会很奇怪。 最重要的是，是否有一些技巧让jQuery支持所有浏览器上的这种select器？
