停止在代码的特定部分应用的CSS样式

Question

停止在代码的特定部分应用的CSS样式

这个问题可能听起来有点怪异/新手/愚蠢.请多多包涵.

下面的代码是我使用CSS,HTML和coldfusion创建的网页的一小部分.

        <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>
 --------------------------------------------------------------------

Run Code Online (Sandbox Code Playgroud)

如您所见,我已经包含了一个css文件style.css,其中包含正确显示PART 2所需的所有样式类.

问题是,只要第1部分处于活动状态(为真),同样的css也会应用于文件SHOW.CFM中的元素.这完全弄乱了页面的原始显示.

目前我已在链接下方放置了一个标记,以阻止处理页面和加载的css文件.

我已多次检查show.css并确认没有使用styles.css中的类.

因此,我的问题是我是否可以将style.css中的样式停止应用于从SHOW.CFM加载的元素

请原谅我这个问题是非常愚蠢的;)

Answer 1

Que*_*tin 5

如果选择器匹配,则规则将适用,直到规则(设置相同的属性)被级联进一步向下覆盖.

您可以更改选择器以阻止它们与您不希望它们匹配的元素匹配,也可以覆盖该部分中的所有规则.

归档时间：	13 年，7 月前
查看次数：	12599 次
最近记录：	9 年，1 月前