当前位置: 首页 > 面试题库 >

在CSS中组合:not()选择器

郏志诚
2023-03-14
问题内容

我正在尝试选择tra内的所有元素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


问题答案:

选择器级别3仅允许伪类中的单个简单选择器使用:not()。作为jQuery选择器,它之所以起作用是因为jQuery扩展了其:not()功能以允许 任何选择器(如.not()方法)。

但是,您的第二种语法是Selectors4中提议的增强功能:not()之一,并且等效于您的第一种。尽管该示例(无论如何在本文撰写时显示)显示了一系列:not()选择器,但该建议说:

否定伪类:not(X)是将选择器列表作为参数的功能表示法。它代表一个其参数未表示的元素。

在这里,选择器列表只是逗号分隔的选择器列表。

如果您需要包含组合子(否定选择>+~,空间等,例如div p),您不能使用:not()在CSS; 您将必须使用jQuery解决方案



 类似资料:
  • 问题内容: 是否可以选择最后一个没有课程属性的孩子?像这样: 在这种情况下,我想选择第三行。 我尝试了以下操作,但无效: 提前致谢。 问题答案: 不单单是CSS选择器,也不是,就像专门针对 最后一个child一样 ,并且没有类似的伪类。请参阅我对这个相关问题的回答。 截至2015年底,对于选择器4的扩展,实现已开始慢慢进行,并允许您将任意选择器作为参数传递(有关更多信息,请参见链接答案的更新)。然

  • CSS 组合选择符 组合选择符说明了两个选择器直接的关系。 CSS组合选择符包括各种简单选择符的组合方式。 在 CSS3 中包含了四种组合方式: 后代选择器(以空格分隔) 子元素选择器(以大于号分隔) 相邻兄弟选择器(以加号分隔) 普通兄弟选择器(以破折号分隔) 后代选择器 后代选择器用于选取某元素的后代元素。 以下实例选取所有 <p> 元素插入到 <div> 元素中: div p { backg

  • 问题内容: 如果我有以下div: 有没有一种方法可以定义表达“与AND 的div”这一想法的样式? 还是您只是简单地走了一条路 要么 问题答案: 在样式表中: 编辑:这些可能也有帮助: 并且,根据您的示例: 四年后进行编辑: 由于它已经过时了,人们一直在寻找它: 不要 在选择器中使用tagNames。比tagName添加不需要的筛选步骤要快。 仅在必须的地方在选择器中使用tagNames!

  • 问题内容: 我在使用这个特定的CSS选择器时遇到了麻烦,当我添加它时,它不希望工作。似乎可以与其他选择器的任何组合正常工作: 如果我删除了该部件,它就可以正常工作。即使我将选择器更改为它,也不会选择输入了文本的输入字段。这是坏了还是我只是不允许在选择器中使用? 我唯一想到的是浏览器仍在说该元素为空,因为它没有子元素,每个元素只有一个“值”。选择器是否没有针对输入元素和常规元素的单独功能?但这似乎不

  • 所以,我有一个奇怪的问题,我从组合框列表中选择一个项目,为了填充第二个组合框,我必须首先从第一个组合框中再次选择单词,而不是从项目列表中,而是单词本身。只有这样,代码才会注册我选择了该项目。我拥有的代码是简单的$variable.SelectedItem。参见下面的代码; 我想做的就是从下拉列表中选择位置“医院”,然后第二个名为“$ComboBox_Printer”的组合框填充我服务器中的打印机名

  • 本文向大家介绍jQuery 组合选择器,包括了jQuery 组合选择器的使用技巧和注意事项,需要的朋友参考一下 示例 考虑以下DOM结构 后代和子选择器 给定父母<ul>-parentUl找到其后代(<li>), 简单 $('parent child') >> $('ul.parentUl li') 这样可以将指定祖先的所有匹配后代降低到所有级别。 > -- $('parent > child')