问题标签 [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 投票
3 回答
2240 浏览

jquery - jQuery 和原型选择器的疯狂

jQuery 和 Prototpye JavaScript 库都不允许我使用变量来按索引号选择列表项元素,尽管它们接受硬编码的数字。

例如,在原型中这有效:

但是无论我如何尝试将变量转换为数字或整数,这都行不通:

在 jQuery 中,我得到了类似的怪异。这将起作用:

但是即使 currentPage 的值为 5 并且它的类型是 number,这也不会再次起作用:

我正在尝试创建一个 JavaScript 分页系统,我需要在活动页面按钮上设置类。列表项元素是根据我需要的页数动态创建的。

0 投票
3 回答
24550 浏览

javascript - jQuery 可以通过 CSS 规则而不是类来选择吗?

A.container可以包含许多.components,并且.components它们本身可以包含.containers(反过来可以包含 .components 等)

给定这样的代码:

我需要在大括号内的行中添加什么以仅选择.containerswidthin CSS 设置为的嵌套auto?我确信这很简单,但我并没有真正使用过 jQuery。

0 投票
10 回答
374251 浏览

css - Complex CSS selector for parent of active child

Is there a way to select a parent element based on the class of a child element in the class? The example that is relevant to me relating to HTML output by a nice menu plugin for http://drupal.org. The output renders like this:

My question is whether or not it is possible to apply a style to the list item that contains the anchor with the active class on it. Obviously, I'd prefer that the list item be marked as active, but I don't have control of the code that gets produced. I could perform this sort of thing using javascript (JQuery springs to mind), but I was wondering if there is a way to do this using CSS selectors.

Just to be clear, I want to apply a style to the list item, not the anchor.

0 投票
12 回答
29863 浏览

javascript - 提高 jQuery 选择器性能的好方法?

我正在寻找可以提高 jQuery 调用的选择器性能的任何方法。具体是这样的:

$("div.myclass")比_$(".myclass")

我想可能是这样,但我不知道 jQuery 是否足够聪明,可以先通过标签名称限制搜索,等等。有人对如何制定 jQuery 选择器字符串以获得最佳性能有任何想法吗?

0 投票
3 回答
28737 浏览

css - 带有正则表达式的 CSS2 属性选择器

CSS 属性选择器允许基于属性值选择元素。不幸的是,我已经好几年没有使用它们了(主要是因为并非所有现代浏览器都支持它们)。但是,我清楚地记得,我可以使用它们来装饰所有带有图标的外部链接,方法是使用类似于以下的代码:

上面的代码不起作用。我的问题是:它是如何工作的?如何选择属性以 开头的所有<a>标签?官方的 CSS 规范(上面链接)甚至没有提到这是可能的。但我确实记得这样做过。href"http"

注意:显而易见的解决方案是使用class属性进行区分。我想避免这种情况,因为我对 HTML 代码的构建方式影响不大。我只能编辑 CSS 代码。)

0 投票
3 回答
11873 浏览

css - 有没有办法用 CSS 选择列表的最后一项?

假设我有一个如下列表:

  • 项目1
  • 项目2
  • 第 3 项

是否有一个 CSS 选择器可以让我直接选择列表的最后一项?在这种情况下,第 3 项。

干杯!

0 投票
3 回答
6605 浏览

jquery - 如何使用 JQuery“后”选择器

我似乎无法找到一个好的方法来做到这一点,但它似乎应该很简单。我有一个我想要的元素append a div。然后我有另一个元素,我想克隆并推入该中间 div。这是我希望做的:

这似乎很接近,但并不完全在那里。问题在于“附加”似乎在原始#somediv > ul选择器上运行。这有点道理,但这不是我想要的。如何最有效地选择我添加的中间 div 并将其after放入#someotherdiv其中?

0 投票
2 回答
8727 浏览

jquery - 找出四个div中可见的div

我需要使用 jQuery 从四个可能的 div 中找出哪些 div 是可见的。在任何给定时间,只有其中一个 div 是可见的。

到目前为止,这就是我所拥有的:

有没有办法重构这个?有没有更简单的方法来解决这个问题?

0 投票
8 回答
58834 浏览

css - 在 CSS 选择器中处理元素 ID 中的冒号

JSF 将输入字段的 ID 设置为search_form:expression. 我需要在该元素上指定一些样式,但是该冒号看起来像是浏览器的伪元素的开头,因此它被标记为无效并被忽略。反正有没有逃避冒号之类的?

0 投票
6 回答
3419 浏览

java - 服务器端 CSS 选择器

我正在创建一个工具,它将检查动态生成的 XHTML 并根据预期内容对其进行验证。

我需要确认结构正确并且特定属性存在/匹配。可能还有其他我不感兴趣的属性,因此不适合直接进行字符串比较。

验证这一点的一种方法是使用 XPath,我已经实现了这一点,但我也想要一些不那么冗长的东西 - 我希望能够使用 CSS 选择器,就像我可以使用 jQuery 一样,但是在服务器上 - 在 CFML 代码中 -而不是在客户端。

是否有 CFML 或 Java 库允许我针对 XHTML 字符串使用 CSS 选择器?