CSS: não é incrível

A herança pode ser um inferno às vezes. Considere alterar a opacidade de um elemento. Não há como “cancelar” essa mudança de opacidade no conteúdo interno.

Às vezes, a única maneira de evitar a criação de problemas de herança é especificar quais elementos não devem receber um conjunto de regras.

Considere desfocar o conteúdo enquanto um dimmer estiver presente. O desfoque só deve ser aplicado a elementos que não estão dentro do dimmer, mas não há como saber de antemão qual é o conteúdo.

css :notpara o resgate!

/* blur everything but the dimmer */
body > :not(.dimmer){
  -webkit-filter: blur(15px) grayscale(0.7);
  -moz-filter: blur(15px) grayscale(0.7);
}

Para obter mais dicas de CSS, visite Semantic UI CSS Guide