Parar os estilos CSS para serem aplicados em seções específicas do código
Esta questão pode parecer um pouco estranha / novata / estúpida. Por favor, tenha paciência comigo.
O código abaixo é uma pequena parte de uma página da Web que criei usando CSS, HTML e coldfusion.
<code> <head>
---------------------Part 1--------------------------------------
<CFIF CompareNoCase('#aid#', 0)>
<cfinclude template="show.cfm">
<cfabort>
</CFIF>
-----------------------------------------------------------------
<link rel="stylesheet" href="styles/style.css?1322665623">
</head>
---------------------------PART 2------------------------------------
<body id="wp-home">
<div id="wrapper">
<div class="header left">
<h1><a href="index.cfm" class="right logo">Name Of Client</a></h1>
<div class="tagline">
<span class="left blair"><a href="index.cfm" class="homelink">home</a></span>
<span class="headerline"></span>
<span class="right blair"><a href="index.cfm" class="homelink">antiques</a></span>
</div>
</div>
--------------------------------------------------------------------
</code>Como você pode ver, incluí um arquivo css, style.css, que contém todas as classes de estilo necessárias para exibir PARTE 2 corretamente.
O problema é que sempre que a parte 1 estiver ativa (é verdadeira), o mesmo css é aplicado aos elementos no arquivo SHOW.CFM também. Isso estraga totalmente a exibição original da página.
Por enquanto eu coloquei uma tag abaixo do link para parar a página de processamento e o arquivo css sendo carregado.
Eu verifiquei show.css várias vezes e posso confirmar que nenhuma classe de styles.css é usada nela.
Portanto, minha pergunta é se posso impedir que os estilos de style.css sejam aplicados a elementos carregados do SHOW.CFM
Perdoe-me se a pergunta for insanamente estúpida;)