问题标签 [css-selectors]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1646 浏览

jquery - 引用嵌套在 a 中的 2 个图像中的任何一个
使用 jQuery

我的 DOM 看起来像:

我必须更改第一个或有时是第二个 img 的来源。

我正在使用 jQuery,但还没有强大的选择器处理能力!

0 投票
2 回答
1373 浏览

css - 有没有办法在 CSS 中查询具有多个类的元素?

如何查询同时具有两个类的元素?

例如:

我想同时为所有具有“主要”和“次要”类的跨度设置样式。

0 投票
8 回答
66999 浏览

css - 不是 CSS 选择器

是否有某种“非”CSS 选择器?

例如,当我在我的 CSS 中编写以下行时,具有类classname的标记内的所有输入字段都将具有红色背景。

如何选择类classname标记之外的所有输入字段?

0 投票
2 回答
72954 浏览

javascript - 仅针对直接子代而不是其他相同后代的 CSS 选择器

我有一个嵌套的可排序列表,可以动态添加或删除项目,并且可以嵌套 n 级深。在嵌套时,一个新的 ul 元素被注入到任何被选为父元素的 li 元素中。列表的初始状态如下所示:

我正在使用 MooTools 进行排序等,它工作正常,但我在排序时无法正确重置位置文本。我尝试使用的每个 CSS 选择器还包括所有子元素,而不仅仅是属于列表中的 li 元素,而不是任何属于子列表的元素。假设除了 id、position 和 text,所有列表中的每个 li 元素都与其他所有元素相同。是否有只获取直系子女的选择器?还有另一种方法可以做到这一点吗?

我尝试了一些像上面提到的子选择器:

  • ul > li将选择作为 ul 子级的所有li 元素,而不仅仅是直接子级
  • #parent > li做和上面一样。

这是我当前在删除项目时正在运行的函数,它不处理排序,它工作正常,只是更新位置。请注意,它也是 MooTools 语法:

目前,更改主级别的任何项目顺序都会重新编号 1-12,甚至是子列表。更改子列表上的任何项目都会为该列表提供正确的编号,但会导致父列表错误地计算编号中的所有子 li 元素。

我觉得这是一个丑陋的黑客,但它有效:

0 投票
4 回答
3698 浏览

jquery - jQuery 选择器

我发现很难找到使用 jQuery 的例子,所以我问这么简单的问题很糟糕。我有这个 ul:

我想编写一个函数来更改哪个 li 具有“选定”类。这是我的尝试:

我究竟做错了什么?

0 投票
1 回答
2203 浏览

javascript - jQuery 淡化所有其他图像

我用jQuery制作了这段代码来淡化图像(但不是将鼠标移到上面的那个)并且所有图像同时淡化!

如果有人可以帮助我淡化除我将鼠标指向的图像之外的所有其他图像吗?

0 投票
3 回答
6174 浏览

firefox - Firefox 的 CSS3 “nth-child” 支持?

根据 css3.info 的selector test,Firefox 3.0 支持 nth-child 选择器的一些排列。但是,此处显示的代码(#30) 对我不起作用。

它应该选择空段落,所以我将代码编辑为以下内容,但它没有在 Firefox 中显示(它在 Opera 中有效)。

这是测试中的错误,还是我在某处犯了错误?

0 投票
3 回答
974 浏览

css - SIFR'ing
  • parents only
  • I'm using SIFR 3.0 in combination with suckerfish popup menus. I only want to SIFR the top level li's and not apply the effect to the nested ones. I'm also using WordPress, so restructuring the menu, like wrapping the parent in a <div> or other object is too hard (I'm still figuring out the basics of WordPress).

    Is there a way to turn SIFR ON for ul#menu li but OFF for ul#menu li li ?

    Other things I've tried that haven't worked is applying a class or id to the parent <li class="top-level"> or <li id="top-level">--that didn't stop the SIFR, it still grabbed the children.

    Thanks so much for the help.

    0 投票
    1 回答
    912 浏览

    jquery - jquery 属性选择器无法选择的属性

    我正在自动生成选择器,但我遇到了问题。一些属性选择器不起作用。例如,在此页面上,以下选择器无法按预期工作:

    我还注意到我无法使用 action 属性的值来选择 <form>。

    问题:在 jquery 选择器中是否有属性的完整列表。

    不是问题:我不是在问如何使用 jquery 函数选择具有这些属性的元素。

    谢谢你。

    0 投票
    2 回答
    7698 浏览

    jquery - jquery 属性选择器找不到属性

    我需要重新我的老问题,我可能不应该在凌晨 1 点问它:P

    似乎使用 jquery 的属性选择器找不到某些属性:

    到目前为止,我似乎无法使用表单的 action 属性和 img 的 src 属性。是否有一个属性列表不起作用,所以我可以为它们编写自定义选择器?

    再次感谢!


    编辑: 似乎没有人相信某些选择器不能按预期工作。看这个例子:在这个网站(上面有 jquery 1.3 用于 firebugging)有一个看起来像这样的表单:

    (它在“搜索当前下载”下拉列表中)。如果您打开 firebug 并尝试使用此选择器:

    您将无法选择表格。action 属性没有什么特别之处。该页面上徽标图像的 src 也是如此:

    不起作用的选择器是:

    当然,我可以进行通配符匹配,这不是我所追求的。