Html 一个位置上的目标DIV在多个位置上使用

Html 一个位置上的目标DIV在多个位置上使用,html,css,Html,Css,以下面的HTML为例: <div id="topbar"> <div class="sitewidth"></div> </div> <div class="sitewidth"></div> <div id="content" class="sitewidth front-page"> </div> 如何瞄准第二个站点宽度,而不对顶栏中的站点宽度和下一个div中的站点宽度产生相同的影响 注

以下面的HTML为例:

<div id="topbar">
  <div class="sitewidth"></div>
</div>
<div class="sitewidth"></div>
<div id="content" class="sitewidth front-page">
</div>

如何瞄准第二个
站点宽度
,而不对
顶栏中的
站点宽度
和下一个div中的站点宽度产生相同的影响


注意,我没有访问HTML的权限,我只能使用CSS

您可以尝试一下:

:不(#顶栏)>。站点宽度{
颜色:红色;
}

不是这个
此
基于此评论

sitewidth在多个位置上使用,也在这一位置之后。 然而,这是它第二次被使用,我想这就是它的用途 一直都是(换句话说:据我所知,没有任何东西能介于两者之间 topbar和第二个sitewidth

这个结构呢

<div id="topbar">
  <div class="sitewidth"></div>
</div>
<div class="sitewidth"></div>

这将只针对紧跟在你的
#topbar
之后的
sitewidth
div,如果它只是紧跟在
#topbar
之后的div,则不会指向其他div,你可以尝试:

#topbar + .sitewidth {
    //CSS rules here
}

这里是一个小提琴的例子:

这是你唯一两次使用
sitewidth
还是在其他地方使用它?还有,这是你的HTML结构吗?
sitewidth
在多个地方使用,也就在这一次之后。不过,这是第二次使用它,我想它总是这样(换句话说:据我所知,在
topbar
和第二个
sitewidth
之间没有任何东西)。您希望CSS也针对2cd和3rd网站宽度吗?还是仅针对2cd网站宽度?如评论中所述,
sitewidth
也会返回网站上的其他位置。您的代码片段针对的是
sitewidth
顶部栏中未包含的所有
sitewidth
(如果我理解正确的话?),因此它不可用。如果您的html结构是OP中的结构,那么您可以使用@Paulie\u D answer(相邻兄弟选择器)。
#topbar + .sitewidth {
    //CSS rules here
}