um número com unidade CSS
Casa com um número com unidade CSS. Encontra em qualquer parte do texto. Tem 1 grupo de captura.
Padrão
/\d+(px|em|rem|%)/- Alcance
- em qualquer parte do texto
- Grupos de captura
- 1
- O que captura no primeiro exemplo
- 12px
Experimente
Digite qualquer texto e as partes capturadas serão marcadas. Tudo roda no seu navegador e nada é enviado.
12px
width: 3rem
2 correspondências
Exemplos que casam
- 12px
- width: 3rem
Exemplos que não casam
- 12
- abc
Outras expressões do grupo
,\s*([}\]])uma vírgula antes de fechar\*\*([^*]+)\*\*texto em negrito entre dois asteriscos`([^`]+)`código entre crases(\w+)="([^"]*)"um atributo cujo valor vai entre aspas\x1b\[[0-9;]*mum código de escape de cor do terminalfrom ['\"]([^'\"]+)['\"]o caminho de um import#[0-9a-fA-F]{6}\buma cor hexadecimal dentro do textoTODO:?\s*(.*)uma nota TODO num comentárioComo ler
- Com ^ e $ em volta, a cadeia inteira precisa casar; sem eles, a correspondência pode estar em qualquer lugar. Ancore sempre o que usar para validar.
- Os parênteses ( ) capturam o que envolvem. Se você só precisa agrupar, escreva (?: ) para a numeração não se deslocar.
- Cada expressão aqui é conferida com seus exemplos. Ainda assim, "parece um e-mail" e "é uma caixa real" são coisas diferentes.
- Repetições abertas aninhadas como (a+)+ podem explodir com certas entradas. Procure esse formato antes de colar uma expressão alheia.
Perguntas frequentes
Q. Qual é a regex para um número com unidade CSS?
\d+(px|em|rem|%).
Q. Quais cadeias casam?
Um texto como 12px casa; um como 12 não.
Q. A cadeia inteira precisa casar?
Não. Encontra a parte em qualquer lugar do texto. Coloque ^ e $ em volta para verificar a cadeia inteira.
Q. Como uso o que foi capturado?
Há 1 grupo de captura, então dá para ler a partir de match[1].