css - css 中的正则表达式失败

Question

我正在 OS X 10.10.5 上的 Firefox 46.0.1 上通过时尚创建用户 css。我创建了以下样式规则。我希望匹配一个或多个数字作为下面正则表达式的一部分。当我使用.* 我的正则表达式有效。尝试了 * 因为 + 不工作。这三个表达式在我的正则表达式中都不起作用。

• \d*
• [0-9]*
• [0-9]+

我的页面是: https://discussions.apple.com/thread/7522221?decorator=print&displayFullThread=true

/* this regular expression finds the page, when used alone. */
/*
@-moz-document 
  regexp("https:\/\/discussions\.apple\.com\/thread\/.*\?decorator=print&displayFullThread=true.*") 
{  
   html, body, h1, li {background-color: chartreuse !important;   
    border: 6px solid grey !important;}  

}
*/ 


/* This regular expression does not work when used alone */
@-moz-document 
    regexp("https:\/\/discussions\.apple\.com\/thread\/\d*\?decorator=print&displayFullThread=true.*") 
    {  
       html, body, h1, li {background-color: chartreuse !important;   
        border: 6px solid grey !important;}  

    }

Answer 1

在这种情况下，您必须使用两个反斜杠，一个用于转义代码中字符串中的反斜杠本身，另一个用于正则表达式本身。你应该使用的字符串是这样的:

"https://discussions\\.apple\\.com/thread/\\d*\\?decorator=print&displayFullThread=true.*"

通过在您的代码中使用上述内容，您将获得以下正则表达式:

"https://discussions\.apple\.com/thread/\d*\?decorator=print&displayFullThread=true.*"

另请注意，您不必转义正斜杠。

了解 The Backslash Plague (虽然这是 Python 引用，但它应该提供有关该主题的一般信息)