Podemos analisar string caractere por caractere para eliminar classes que fiquem dentro de comentários /* .classe */
, é a melhor forma de se extrair todas as classes CSS de uma string.
$string = <<<EOF
div.classe1{/*comentario div.classe1b*/}
div.-classe2{/*div.-classe2b*/}
div._classe3{/*div._classe3b*/}
.classe4 div a{/*.classe4b div a*/}
.classe5.classe6{/*.classe5b.classe6b*/}
.classe7{/*......classe7b......*/}
.classe8{esse aqui nao tem comentarios mas tambem nao pega o .classe8b pois esta dentro das chaves}
.cl{/*.clb 2 caracteres*/}
.c{/*.cb 1 caractere*/}
.d{/*.db 1 caractere*/}
EOF;
$length = strlen( $string );
$brackets = false;
$comment = false;
$dot = false;
$class = '';
$classes = array();
for ( $i = 0, $j = 0; $i < $length; $i++ ) {
if ( $string[ $i ] === "\x2f" && $string[ $i + 1 ] === "\x2a" ) {
$comment = true;
continue;
} else if ( $string[ $i ] === "\x7b" ) {
$brackets = true;
continue;
} else if ( $brackets === false && $comment === false && $string[ $i ] === "\x2e" ) {
$dot = true;
continue;
} else if ( $string[ $i ] === "\x2a" && $string[ $i + 1 ] === "\x2f" ) {
$comment = false;
continue;
} else if ( $brackets === true && $string[ $i ] === "\x7d" ) {
$brackets = false;
continue;
}
if ( $dot ) {
$j = $i + 1;
$k = $j;
if ( ( ( $string[ $i ] >= "\x41" && $string[ $i ] <= "\x5a" ) || ( $string[ $i ] >= "\x61" && $string[ $i ] <= "\x7a" ) || ( $string[ $i ] === "\x2d" ) || ( $string[ $i ] === "\x5f" ) ) === false ) {
$class = '';
$dot = false;
continue;
}
$class = $string[ $i ];
while ( ( $string[ $j ] >= "\x30" && $string[ $j ] <= "\x39" ) || ( $string[ $j ] >= "\x41" && $string[ $j ] <= "\x5a" ) || ( $string[ $j ] >= "\x61" && $string[ $j ] <= "\x7a" ) || ( $string[ $j ] === "\x2d" ) || ( $string[ $j ] === "\x5f" ) ) {
$class .= $string[ $j ];
$j++;
}
array_push( $classes, $class );
$class = '';
$dot = false;
$i = $j - 1;
}
}
echo '<pre style="font-size: 14px; font-family: Consolas; line-height: 20px; tab-size: 4;">';
var_export( $classes );
echo '</pre>';
die();
O resultado obtido da função var_export
é o array
com todas as classes, e como o objetivo é remover classes que venham a estar presente dentro de comentários, então isso é alcançado com sucesso e além disso também são removidas classes que existam por qualquer motivo que seja dentro de chaves (talvez isso não funcione bem com @media css
), mas eu adicionei isso por último pois estou presumindo que seu código seja um código "normal" sem @media css
, caso haja presença de @media
basta remover as partes referentes aos brackets
, no código original que elaborei não tinha o brackets
, adicionei agora por último.
Elaborei o código agora depois de ler a pergunta, fiz testes rápidos então não asseguro que está funcionando 100%, mas está extraindo classes que começam com -
ou _
ou a-z
ou A-Z
e procedido ou não de de -
ou _
ou a-z
ou A-Z
ou 0-9
.
array (
0 => 'classe1',
1 => '-classe2',
2 => '_classe3',
3 => 'classe4',
4 => 'classe5',
5 => 'classe6',
6 => 'classe7',
7 => 'classe8',
8 => 'cl',
9 => 'c',
10 => 'd',
)
P.S: Sei que a categoria é Javascript e o código publicado é PHP, mas fiz questão de responder pelo fato de ser a resposta correta para a sua pergunta e a que obtém os melhores resultados, e também pelo fato da semelhança na sintaxe e funções PHP e JS, para "converter" para Javascript, serão necessárias apenas adaptações mínimas. Espero ter ajudado.
/* a classe .azul deixa o texto #123 */
no código e muitas delas falham.match
como no fiddle de exemplo, ou pode-se alterar o código? Regex não é a ferramenta ideal nesse caso, mas dependendo das limitações pode-se pensar em alguma coisa...