Olá pessoal, estou tentando adicionar um cabeçalho personalizado no topo. Está funcionando na maior parte, mas parte do CSS, acho, está sendo substituída pelo Discourse.
Existe algum truque para impedir que o CSS do Discourse afete meu cabeçalho?
1 curtida
Olá 
Você pode compartilhar suas modificações de CSS?
Normalmente, o Discourse substituirá nossas regras se nossos seletores não forem precisos o suficiente.
Por exemplo, se o Discourse tiver uma regra como body .category { line-height: 1 } e escrevermos em nosso próprio tema .category { line-height: 2 }, ela será substituída pela primeira regra porque é mais precisa com o seletor body adicional.
2 curtidas
Pelo que li, também existe o "! Important" usado em CSS?
Sim. Eu não recomendaria usá-lo, a menos que você não consiga substituir o CSS usando seletores. É uma regra de "último recurso". 
1 curtida
Legal, obrigado pelo esclarecimento. Tenho visto muitas recomendações para que componentes de add-on influenciem/alterem um Theme component.
Obrigado por responderem a todos. Eu conheço CSS o suficiente para saber os truques padrão e afins. Desculpe se isso não soa muito bem, não é minha intenção.
Eu estava realmente esperando que o Discourse tivesse alguma configuração em algum lugar para forçar seu próprio CSS a ignorar contêineres personalizados com IDs ou classes específicas. Isso realmente economizaria muito tempo.
De qualquer forma, acho que resolvi a maior parte; e terei que ficar de olho em quaisquer grandes mudanças de CSS que o Discourse adicionar ao longo do caminho e compensar.
1 curtida