相关疑难解决方法(0)

我正在尝试选择除了和之外input的所有元素.typeradiocheckbox

很多人已经表明你可以放入多个参数:not,但是使用type似乎无论如何都没有用到我试试.

form input:not([type="radio"], [type="checkbox"]) {
  /* css here */
}

有任何想法吗？

我正在尝试使用该:not()属性从规则中排除一对类,例如:

*:not(.class1, class2) { display: none; }

但是,看起来该not()属性不支持逗号分隔的类,如此小提琴中所示.

HTML:

<div class='one'>
  foo
</div>
<div class='two'>
  foo
</div>
<div class='three'>
  foo
</div>
<div class='four'>
  foo
</div>

CSS:

div {
  background-color: #CBA;
}

div:not(.one) {
  background-color: #ABC;
}

div:not(.one, .three) {
  color: #F00;
}

应用第一和第二规则,但第三规则不适用.

我做不到,*:not(.class1), *:not(.class2)因为任何元素class2都会被选中,*:not(.class1)反之亦然.

我不想这样做

* { display: none;}
.class1, .class2 { display: inline; }

因为并非所有.class1和.class2元素都具有相同的原始显示属性,我希望它们保留它.

如何使用not()属性或其他方式从规则中排除多个类？

这让我疯狂:

HTML:

<div><h1>Hello World!</h1></div>

CSS:

*:not(div) h1 { color: #900; }

这不是读",选择所有h1具有祖先不是div元素的元素......？" 因此,"你好世界!" 不应该是红色的,但它仍然是.

对于上面的标记,添加子组合器有效:

*:not(div) > h1 { color: #900; }

但h1如果元素不是元素的子元素,则不会影响div元素.例如:

<div><article><h1>Hello World!</h1></article></div>

这就是为什么我想将h1元素表示为元素的后代而不是子div元素.任何人？

除了第一个和最后一个,我如何选择表格中的所有孩子？我已经尝试了这个,但它最终选择了所有不是第一个的孩子和所有不是最后的孩子,最终成为所有孩子:

table.programs tr td:not(:first-child), table.programs tr td:not(:last-child) {
}

我想要所有既不是第一个也不是最后一个的孩子.我怎样才能做到这一点？

我有一个无序的列表,使用bootstraps"tabs"插件.代码如下所示:

<ul>
  <li class="active span3"><a href="#ourAgency" data-toggle="tab"><i class="icon-building icon-3x"></i>Our Agency</a></li>
  <li class="span3"><a href="#studentVisas" data-toggle="tab"><i class="icon-laptop icon-3x"></i>Student Visas</a></li>
  <li class="span3"><a href="#workVisas" data-toggle="tab"><i class="icon-suitcase icon-3x"></i>Work Visas</a></li>
  <li class="span3"><a href="#accreditation" data-toggle="tab"><i class="icon-legal icon-3x"></i>Accreditation</a></li>
</ul>

我想使用CSS3来改变<a>其父<li>级没有类的所有链接的颜色.active.

我尝试过这样的事情:

 a:not(li.active>a){
    color:grey;
}

但无济于事.有没有办法做到这一点,还是我咆哮错误的树？

我正在尝试选择a中的所有tr元素table,除了第三个和第四个.我设法通过使用:

#table tr:not(:nth-child(3)):not(:nth-child(4))

我想结合这些选择器,因为我还有更多的:nth-child条目.像这样的东西,但它不起作用:

#table tr:not(:nth-child(3), :nth-child(4))

这确实在jQuery的工作,但不是在CSS.我正在使用Chrome(我只需要它在那里工作).

我无法为这种情况找到组合选择器.如何将选择器与:not？

我正在寻找更多关于邮件列表讨论等的链接,而不是猜测.

任何人都可以帮我找出CSS Selectors Level 3规范中引用的错误处理规则背后的基本原理.

用户代理必须遵守处理解析错误的规则:

• 包含未声明的命名空间前缀的简单选择器无效
• 包含无效简单选择器,无效组合符或无效标记的选择器无效.
• 包含无效选择器的一组选择器无效.

重用规范选择器必须定义如何处理解析错误.(在CSS的情况下,删除使用选择器的整个规则.)

我有以下规则:

#menu li.last, #menu li:last-child {
  ...
}

为了弥补IE8缺乏最后一个孩子的支持,我使用了一个类和一个JavaScript垫片.但是,这不起作用,因为IE8符合错误处理的CSS规范,并丢弃整个规则,因为它无法识别一个选择器.这可以通过将两个选择器分成单独的规则来解决.

为什么这是可取的？为什么规范没有建议简单地丢弃无法识别的选择器,而是保留规则的其余部分？

我想知道其基本原理,因为目前的规则似乎是违反直觉的.

我有一些输入类型有这个scss设置(来自框架)

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
...
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
{
  @include box-shadow(inset 0 1px 1px rgba(0,0,0,.075));
}

我喜欢覆盖/重置所有类似的东西

textarea,
input[type="*"],
{
  @include box-shadow(none);
}

以上不起作用,也

textarea,
    input,
    {
      @include box-shadow(none);
    }

不够具体.有没有办法做到这一点,而不是列出所有可能的类型.

谢谢.

我有一个尴尬的问题,因为继承了一堆真正非常糟糕的HTML格式.

基本上我有一些像这样的表行:

<tr class="odd">...</tr>
<tr class="odd">...</tr>
<tr class="odd">...</tr>
<tr class="even">...</tr>
<tr class="even">...</tr>
<tr class="even">...</tr>
<tr class="odd">...</tr>
<tr class="odd">...</tr>
<tr class="odd">...</tr>

我需要的是一个jQuery选择器,它将为我提供每个类块的第一个元素.那清楚了吗？我不知道怎么解释它.

所以在示例中我想要行1,4和7.

到目前为止,我已经选择了每个第n个孩子,但我现在意识到这不会起作用,因为在每个类块中总不会有相同数量的行.

任何帮助,你们可以给予它赞赏,一如既往:)

干杯!

我想从jquery选择器中排除第一个和第二个元素.我试过这个:

$('p:not(:nth-child(1),:nth-child(2))')

但这只排除了第一个元素......谢谢