Olá, tudo bem contigo? Vou tentar ser o mais didático possível para que fique clara a minha situação.
Sou novo (lê-se leigo) no ofício da programação, portanto, li alguns textos e apostilas e decidi arriscar com meu fórum escrevendo a folha de estilo (CSS) dele por conta própria – coisa simples.
Pois bem, eis que estou escrevendo algumas linhas, validando a folha e verificando os resultados (a velha maneira de "tentativa e erro"). Fui indo bem, conseguindo o que queria aos poucos, porém, a partir de um certo momento as novas linhas que escrevia e validava começava a modificar áreas que eu não estava prevendo pelo código que escrevi, e ao apagá-las e o fórum não retornava ao estado anterior à essas linhas, ou seja, não adiantava eu apagar o código novo, o fórum não retornava para como estava anteriormente. A partir daí, qualquer coisa que eu fazia na folha de estilos o fórum bugava todo: cores de texto que eu não havia colocado, cores do background aleatórias, entre outras coisas e estranhas. Até que cheguei em um momento que mesmo sem escrever nada na folha, apenas clicando em "Validar" vezes após vezes o fórum sofria modificações.
Acessei o fórum a partir de outros navegadores e para minha surpresa: a aparência que eu de fato queria estava funcionando lá. Acessei o fórum pelo mesmo navegador, mas em outra máquina (um smartphone e um outro computador), e o fórum não estava bugado nesse. Estava tudo perfeito.
Suspeitei então que era o meu navegador que estava dando problemas, então limpei os dados de navegação e atualizei a página do fórum e de fato: ele voltou ao normal! Porém, agora quase sempre que eu escrevo algo novo na folha de estilos e valido, sofro do mesmo problema: o fórum buga, preciso limpar os dados de navegação do navegador para o fórum voltar ao normal. E o mesmo já aconteceu ainda que eu não escrevesse nada novo na folha, somente apagando uns espaços desnecessários, ou só revalidando ela.

Minha questão: o que posso fazer com isso? Será que quando inaugurar o fórum, os usuários sofrerão do mesmo dilema assim que eu precisar atualizar algo na folha CSS?

Seguem umas prints e minha folha CSS que tentam demonstrar o que eu disse, peço desculpas pelo texto e por qualquer regra infringida. Agradeço a compreensão e o suporte desde já! Obrigado!!


As seguintes imagens mostram como o  fórum fica bugado (é somente uma das formas que fica bugado, acontecem outras coisas também). Observe a cor das letras, a fonte, o alinhamento, o tamanho da "linha" de fundo dos títulos dos fóruns e categorias...

Spoiler:

As seguintes imagens mostram como o fórum deve ficar, ou pelo menos, deveria:

Spoiler:

Abaixo, todo o conteúdo da folha CSS do fórum (obviamente, refiro-me ao que escrevi e não adiciono a folha de CSS padrão.)

Código:

/* Fotter */
/* Fundo floresta azul */
body {
    background: url('http://ap.imagensbrasil.org/images/2018/01/14/Fundo_06-2.png') no-repeat bottom center;
    padding-bottom: 350px;
}


/* Fundo das categorias, fóruns e tópicos */
th {
    height: 50px;
    padding: 0 5px 0 5px;
    font: Courier New;
}

h2 {
    font-size: 20;
}



/*Fundo de títulos específicos (Chatbox e "Quem está conectado?", por exemplo)*/

/*Perfil - Tópicos Supervisionados*/
.cattitle {
    color: #FFFFFF;
}
  

/*Coluna das tabelas 1*/
td.row1.over {
    vertical-align: middle;
    text-align: center;
    padding: 10 0 0 0 !important
}

/*Links dos fóruns e tópicos*/
a.forumlink, a.topictitle {
    font-size: 20;
    font: Courier New;
}


/*Links do Fórum*/

/*Links do Chatbox ("Chatbox", Conectar-se, Sair, Arquivos, Sem arquivos) _______________*/
a[href="/chatbox/index.forum?archives=1"] {
    color: #FFFFFF
}

a[href="/chatbox/index.forum?archives"] {
    color: #FFFFFF
}

#chatbox_option_disco, #chatbox_option_co, #chatbox_option_with_archives, #chatbox_option_without_archives {
    color: #FFFFFF !important
}
/*________________________________________________________________________________________*/


a {
  text-decoration-line: none !important
}

a:hover {
    text-transform: uppercase;
    text-decoration-line: none !important
}

a.cattitle {
    color: #FFFFFF !important  
}

Obs: As imagens podem passar a impressão de que é um simples problema conflito de prioridades do código CSS entre o padrão e o escrito por mim, mas como disse, às vezes acontece coisas que não estão previstas em nenhum dos dois aparentemente, por exemplo: o background fica na cor rosa, a cor do texto fica verde-limão... etc