Tag: css selectors
CSS子对VS后代select器
我在这两个select器之间有些困惑。 后代select器： div p select一个div所有p是否是直接后缀？ 所以如果p是在另一个div它仍然会被选中？ 那么孩子select器： div > p 有什么不同？ 孩子是不是指直系孩子？ 例如。 <div><p> VS <div><div><p> 将被选中，还是不？
selectCSS中的每个第N个元素
是否可以select一组元素中的每个第四个元素？ 例如：我有16个<div>元素…我可以写一些类似的东西。 div:nth-child(4), div:nth-child(8), div:nth-child(12), div:nth-child(16) 有没有更好的方法来做到这一点？
CSS3select器：类名称的第一个types？
是否有可能使用CSS3select器:first-of-typeselect具有给定类名的第一个元素？ 我的testing没有成功，所以我觉得不是？ 该代码（ http://jsfiddle.net/YWY4L/ ）： p:first-of-type {color:blue} p.myclass1:first-of-type {color:red} .myclass2:first-of-type {color:green} <div> <div>This text should appear as normal</div> <p>This text should be blue.</p> <p class="myclass1">This text should appear red.</p> <p class="myclass2">This text should appear green.</p> </div>
CSS可以检测一个元素有多less个子元素？
我可能回答我自己的问题，但我非常好奇。 我知道CSS可以select一个父类的单个子元素，但是如果其父元素有一定的子元素，那么是否支持样式化一个容器的子元素。 例如 container:children(8) .child { //style the children this way if there are 8 children } 我知道这听起来很奇怪，但是我的经理让我检查一下，没有发现任何东西，所以我决定在search结束之前转向SO。
内联样式的CSS伪类
是否有可能使用内联样式的伪类？ 例： <a href="http://www.google.com" style="hover:text-decoration:none;">Google</a> 我知道上面的HTML不起作用，但是会有类似的东西吗？ 附言我知道我应该使用外部样式表，我这样做。 我只是好奇，如果这可以使用内联样式完成。
为什么是我的jQuery：不（）select器不工作在CSS？
我有这样的布局： <div id="sectors"> <h1>Sectors</h1> <div id="s7-1103" class="alpha"></div> <div id="s8-1104" class="alpha"></div> <div id="s1-7605" class="beta"></div> <div id="s0-7479"></div> <div id="s2-6528" class="gamma"></div> <div id="s0-4444"></div> </div> 有了这些CSS规则： #sectors { width: 584px; background-color: #ffd; margin: 1.5em; border: 4px dashed #000; padding: 16px; overflow: auto; } #sectors > h1 { font-size: 2em; font-weight: bold; text-align: center; } #sectors > div { float: […]
复杂的CSSselect器为活动的孩子的父母
有没有办法根据类中的子元素的类来select父元素？ 与我有关的例子，这个例子涉及http://drupal.org的一个漂亮的菜单插件的HTML输出。 输出呈现如下所示： <ul class="menu"> <li> <a class="active">Active Page</a> </li> <li> <a>Some Other Page</a> </li> </ul> 我的问题是是否有可能将样式应用于包含具有活动类的锚的列表项。 显然，我宁愿列表项目被标记为活动，但我没有控制产生的代码。 我可以使用JavaScript来执行这种事情（jQuery的泉水脑海），但我想知道是否有一种方法来使用CSSselect器来做到这一点。 为了清楚起见，我想将样式应用于列表项目，而不是锚点。
是否有包含特定文本的元素的CSSselect器？
我正在寻找下表的CSSselect器： Peter | male | 34 Susanne | female | 12 有没有select匹配所有包含“男性”的TD？
“>”（大于号）CSSselect器是什么意思？
例如： div > p.some_class { /* Some declarations */ } >符号是什么意思？
我可以结合：nth-child（）或：nth-of-type（）与任意select器？
有没有办法select匹配（或不匹配）任意select器的每个第n个孩子？ 例如，我想要select每个奇数的表行，但在行的一个子集内： table.myClass tr.row:nth-child(odd) { … } <table class="myClass"> <tr> <td>Row <tr class="row"> <!– I want this –> <td>Row <tr class="row"> <td>Row <tr class="row"> <!– And this –> <td>Row </table> 但是:nth-child()似乎只计算所有tr元素，不pipe它们是否是“row”类，所以我最终得到了一个“row”元素，而不是我正在寻找的两个元素对于。 同样的事情发生在:nth-of-type() 。 有人能解释为什么吗？
