CCssRuleSpliter
2026-10-10 23:33:38   【172.19.0.10】 【Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)】

home | animate-4.1.1.css | attributes.css | bootstrap-4.6.0.grid.css | bootstrap.3.1.1.css | bootstrap.3.1.1.min.css | bootstrap.5.0.0.min.css | brands.min.css | charset.css | color1.css | fontawesome.min.css | import-fonts.css | invalid-css.css | invalid-style-tag.css | media.css | media2.css | nested-selector.css | regular.min.css | solid.min.css | style1.css | style2.css | svg-with-js.min.css | tiny.css |

nested-selector.css |
reCssRuleSplit()
/(@[^@{};]+(?:;|(({(?:(?>[^{}"']+|\s+|"(?:\\\\|\\"|\\\n|[^"\n])*?"|'(?:\\\\|\\'|\\\n|[^'\n])*?')|(?-2))*})))|[^@{}\s][^@{}]*(({(?:(?>[^{}"']+|\s+|"(?:\\\\|\\"|\\\n|[^"\n])*?"|'(?:\\\\|\\'|\\\n|[^'\n])*?')|(?-2))*})))/su
Original (iframe)
Processed (raw)
Processed (iframe)
【1】 .grandchild1{background-color:yellow}
【2】 .size{width:200px;height:50px}
【3】 .mini{width:100px;height:20px}
【4】 .parent1{margin:10px;padding:10px;border:1px solid #ccc;.child1{background-color:#0f0;.grandchild1{background-color:#333}}.child2{background-color:#080}}
【5】 .parent2{.child1{background-color:#f00;.grandchild1{background-color:#ccc}}.child2{background-color:#800}margin:10px;padding:10px;border:1px solid #ccc}
【6】 .parent3 { margin: 10px; padding: 10px; border: 1px solid rgb(204, 204, 204); & .child1 { background-color: rgb(255, 0, 0); & .grandchild1 { background-color: rgb(204, 204, 204); } } & .child2 { background-color: rgb(136, 0, 0); } }