行业新闻

您当前的位置： 首页 > 开丰资讯 > 行业新闻

(？＜=p 与：nth-child( 的相似性分析

点击数：     更新时间：2023-04-16 20:18:00

。前者是正则断言匹配，后者是选择器匹配。接下来看看相似性分析。

• 正则是用来做什么的？匹配字符的。
• 选择器是用来做什么的？匹配元素的。

既然都是用来匹配的，那么，如果二者在一些地方有什么相似之处，应不足为奇。我发现就有很强的相似性。这里容我慢慢道来。本文假设读者对选择器更熟悉些，所以下面的例子都是先，后正则。1. 匹配所有元素，让所有元素的字都变成红色。此处不会使用同样的，正则这边也不需要使用。2. 匹配第1个元素相应的，正则其实也可以用之后的位置，当然还是开头。可以参考《JS正则迷你书》对位置的讲解。3. 匹配第3个元素而正则这边呢？这里需要转个弯，要匹配第4. 匹配前3个元素选择器厉害之处是在于它支持正则这边，要匹配的字符前面有5. 匹配奇数位这边使用正则这边，要匹配的字符前面有...个字符：6. 更一般的 an+b比如这边使用即：要匹配的字符前面还有正则这边呢？表示后面的位置，与之相对的是

更多的，与前几条类似，这里就不写了。

在表示后面的位置。而有点绕，它表示所有位置中，不是。9. :nth-child(n+3):nth-child(-n+7)也可以支持交集的交并补，还有并集，

自此，这么一条条看下来，发现了二者确实有多相似之处。这种跨界比较，我觉得很有趣！

• 上一篇:沙发换皮翻新的流程具体教程？
• 下一篇:[转载]写“水蜜桃”式的科普文章