Regex để thêm thiếu selectors không hợp lệ CSS

Question

Tôi đang cố gắng để thay đổi CSS hợp lệ như thế này:

{color:red}

và làm cho nó có giá trị như thế này:

.missing_selector{color:red}

Ví dụ CSS:

a { 
color:black; 
background-color:blue; 
} 

{color:red} 
<!-- TEST --> 

@media screen and (max-width:620px) { 
/* TEST 2 */ 
a.test {color:blue;} 
p[class="test2"] {color:green;} 
} 

Hiện tại của tôi biểu thức chính quy:

/([^a-z0-9\)\];\-_]*\{)/i

Sống thử:

http://www.phpliveregex.com/p/eMq

Answer 1

Giải pháp

Bạn cần phải sử dụng này:

/(?<=\A|\})(\s*)\{/m 

Replace with:

.missing-selector { 

Các (?<=\A|\}) đảm bảo rằng chỉ có điều (trừ khoảng trắng) trước khi { là sự bắt đầu của chuỗi hoặc một bế mạc }. (Cảm ơn Casimir et Hippolyte để chỉ ra vấn đề ở đó.)

Here's a regex101 demo.

Tại sao Cố gắng của bạn không thành công

này

/([^a-z0-9\)\];\-_]*\{)/i 

không làm những gì bạn nghĩ.

• ( bắt đầu một nhóm chụp
• [^a-z0-9\)\];\-_] đòi hỏi một nhân vật khác hơn a-z, 0-9, ), ], ;, -, hoặc _
• * zero hoặc nhiều lần
• \{ đòi hỏi sự {
• ) kết thúc nhóm chụp

Nhưng nó không có một ^, vì vậy nó không gắn liền với sự khởi đầu của một dòng, cũng không xác nhận bất cứ điều gì đứng trước { (mà phải được chỉ sự bắt đầu của chuỗi , khoảng trắng hoặc }).Kết quả là, nó sẽ phù hợp ở khắp mọi nơi bạn có một loạt các khoảng trống hoặc các ký tự không tự chữ và số khác (trừ )];-_) trong CSS mẫu của bạn:

See this regex101 demo for a fuller explanation and example matches.