'first'伪类有什么意义吗？

Question

我找到了这段代码：

$("#some_list li a:first").click();

而且我找不到任何关于 'first' 伪类的来源。有没有人见过这样的东西？这是否意味着单击了列表中的第一个元素？

Answer 1

这不是严格意义上的 CSS，而是 jQuery 选择器，用于您的JavaScript.

:first伪class相当于:eq( 0 )。也可以写成:lt( 1 )。虽然这只匹配一个元素，但 :first-child 可以匹配多个元素：每个父元素一个。

看这里：https://api.jquery.com/first-selector/

Answer 2

:first is a jQuery extension and not part of the CSS specification

https://api.jquery.com/first-selector/

它只选择第一个元素

$('a:first').css('color','red')

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<a href="#">one</a>
<a href="http://jsfiddle.net/danield770/5049416f/4/">two</a>
<a href>three</a>
<a>four</a>

Answer 3

是的，这意味着在 li 的第一个锚点 link 上将触发点击事件

Answer 4

它是第一个 a 在一个 li 内的选择器，在一个 id 为 #some_list:

的元素内

<ul id="some_list">
    <li>
        <a href="#">link</a> <!-- affects this link -->
        <a href="#">link</a>
        <a href="#">link</a>
        <a href="#">link</a>
    </li>
    <li>
        <a href="#">link</a> <!-- affects this link -->
    </li>
</ul>

'first'伪类有什么意义吗？

Is there any meaning to 'first' pseudoclass?

jquery

jquery-selectors