Seletor de Atributos CSS Insensível a Maiúsculas e Minúsculas


Os seletores CSS nunca deixam de me surpreender com o quão poderosos eles podem ser na correspondência de padrões complexos. A maior parte dessa flexibilidade está nos relacionamentos pai/filho/irmão, muito raramente na correspondência de valores. Considere minha surpresa quando descobri que o CSS permite a correspondência de valores de atributos independentemente de maiúsculas e minúsculas!

Adicionando um {house}i para os colchetes do seletor de atributos tornará a pesquisa do valor do atributo insensível a maiúsculas e minúsculas:

/* case delicate, solely matches "instance" */
(class=instance) {
  background: pink;
}

/* case insensitive, matches "instance", "eXampLe", and many others. */
(class=instance i) {
  background: lightblue;
}

Os casos de uso para isso i flag são provavelmente muito limitadas, especialmente se essa flag é um conhecimento novo para você e você está acostumado a um padrão de minúsculas. Um padrão de nome de classe CSS frouxo terá e continuará a levar a problemas, então use essa flag de insensibilidade a maiúsculas e minúsculas com moderação!

  • buscar API

    Um dos segredos mais mal guardados sobre AJAX na net é que a API subjacente a ele, XMLHttpRequestnão foi realmente feito para o que temos usado. Fizemos bem em criar APIs elegantes em torno do XHR, mas sabemos que podemos fazer melhor. Nosso esforço para…

  • 6 coisas que você não sabia sobre o Firefox OS

    Firefox OS está em todas as notícias de tecnologia e por um bom motivo: a Mozilla finalmente deu aos desenvolvedores net a plataforma que eles precisam para criar aplicativos do jeito que eles vêm criando há anos — com CSS, HTML e JavaScript. O Firefox OS vem melhorando rapidamente…

  • Manipulação de imagens com PHP e a biblioteca GD

    Sim, eu sou um mago do Photoshop. Eu arraso na ferramenta de seleção. Eu corto como um fazendeiro. Eu domino a ferramenta de balde. Caramba, eu até cheguei a empunhar a ferramenta de seleção de varinha mágica uma vez. …OK, eu sou um lixo quando se trata de Photoshop.

  • Usando o MooTools para instruir o Google Analytics a rastrear links de saída

    O Google Analytics fornece uma riqueza de informações sobre quem está acessando seu web site. Uma das estatísticas mais importantes que o serviço fornece é a estatística de referência — você precisa saber quem está enviando pessoas para seu web site, certo? E para onde você envia os outros?


Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *