Html 一个位置上的目标DIV在多个位置上使用
以下面的HTML为例: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中的站点宽度产生相同的影响 注
<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
}