Tag: CSSselect器
将CSS应用到html，body和通用select器*有什么区别？
这三个规则在应用于相同的HTML文档时有何不同？ html { color: black; background-color: white; } body { color: black; background-color: white; } * { color: black; background-color: white; }
如何CSS：select基于内部HTML的元素
<a href="example1.com"> innerHTML1 </a> <a href="example2.com"> innerHTML2 </a> <a href="example3.com"> innerHTML3 </a> 我想使用基于内部HTML的CSSselect器来devise仅次于（innerHTML2）的样式。 这可能吗？ 我试过使用a[value=innerHTML2]但它似乎不工作。
一个CSSselect器来获取最后一个可见的div
一个棘手的CSSselect器问题，不知道是否可能。 可以说这是HTML布局： <div></div> <div></div> <div></div> <div style="display:none"></div> <div style="display:none"></div> 我想select显示的最后一个div （即不display:none ），这将是给定示例中的第三个div 。 请注意，真实页面上div的数量可能不同（甚至display:none ）。
是否有第一个直接孩子的CSSselect器？
我有以下的HTML <div class="section"> <div>header</div> <div> contents <div>sub contents 1</div> <div>sub contents 2</div> </div> </div> 以下风格： DIV.section DIV:first-child { … } 出于某种原因，我不明白的风格是适用于“子内容1” <div>以及“标题” <div> 。 我认为风格的select器只适用于一个名为“部分”的类的第一个直接孩子。 我怎样才能改变select器得到我想要的？
我可以写一个CSSselect器来select没有特定类的元素吗？
我想写一个CSSselect器规则，select所有没有特定类的元素。 例如，给定以下HTML： <html class="printable"> <body class="printable"> <h1 class="printable">Example</h1> <nav> <!– Some menu links… –> </nav> <a href="javascript:void(0)" onclick="javascript:self.print()">Print me!</a> <p class="printable"> This page is super interresting and you should print it! </p> </body> </html> 我想写一个select器，select所有没有“可打印的”类，在这种情况下，是导航和元素的元素。 这可能吗？ 注意：在我想要使用的实际HTML中，将会有更多的元素没有 “可打印”类（比如我在上面的例子中，我意识到这是另一种方式）。
jQuery：select属性大于值的所有元素
我知道用attrName属性来过滤一个元素，该属性的值为attrValue我这样做： filter("[attrName='attrValue']") 但看看文档http://api.jquery.com/category/selectors/我看不到一个选项来select所有元素st attrName> attrValue 这将工作 filter("[attrName>'attrValue']")
用jQueryselect所有checkbox
我需要帮助jQueryselect器。 说我有一个标记，如下所示： <form> <table> <tr> <td><input type="checkbox" id="select_all"/></td> </tr> <tr> <td><input type="checkbox" name="select[]"/></td> </tr> <tr> <td><input type="checkbox" name="select[]"/></td> </tr> <tr> <td><input type="checkbox" name="select[]"/></td> </tr> </table> </form> 当用户点击它时如何获得除#select_all之外的所有checkbox？ 任何帮助将不胜感激。
我怎样才能使用一个不是：第一个孩子的select器？
我有包含多个ul标签的div标签。 如果我只为第一个ul标签设置CSS属性，并且这个代码工作： div ul:first-child { background-color: #900; } 当我想为每个ul标签设置CSS属性，除了第一个，我试过这个： div ul:not:first-child { background-color: #900; } 另外这个： div ul:not(:first-child) { background-color: #900; } 和这个： div ul:first-child:after { background-color: #900; } 但是没有效果。 我怎样才能用CSS写“每个元素，除了第一个”？
：not（）select器在Safari和Chrome / Firefox之间行为不一样
我很难弄清楚为什么下面的代码在Safari中呈现蓝色，而在Chrome和Firefox中呈现为红色。 em:not(div) { color: red } em:not(p div) { color: blue } <p> <em>FOO</em> </p> https://jsfiddle.net/hzcLpf9L/ 显然，它看起来像铬和Firefox不支持:not() CSSselect器中有多个级别。 （可能的错误？） 我非常喜欢:not()select器，我用Safari开发，所以当我在Chrome上发现我的网站时，我几乎心脏病发作。 为什么这种奇怪的行为发生任何解释将不胜感激。
IE8：nth-child和：之前
这是我的CSS： #nav-primary ul li:nth-child(1) a:after { } 现在无处不在（在我的网站上使用这个 ）除了Internet Explorer 8 … 有没有可能在IE8中使用nth-child的方法？ 这是这个浏览器最糟糕的版本…没有任何工作，因为它应该和我找不到解决方法。 @edit：我想要实现的简化版本： http : //jsfiddle.net/LvvNL/ 。 它只是一个开始。 CSS会更复杂，所以我需要能够瞄准每一个这样的链接。 希望给每个链接添加类并不是唯一的方法 @ edit2：我刚刚注意到了 #nav-primary ul li:nth-child(1) a { border-top: 5px solid #144201; } IS实际上在IE8中工作！ 但是这个： #nav-primary ul li:nth-child(1) a:after { content: "Text"; display: block; font-weight: normal; padding-top: 5px; font-size: 12px; color: #666; } 不pipe用。 […]
