Question

我还是CSS的新手，所以请原谅我这个问题听起来很简单（确实如此）。长话短说，我目前正在为我的学校建立一个Ning社交网络中心，并且足以说预制，预先设置的设置并不是真正定制的理想选择。我已经将母页设置为背景图像，并且我希望该母版页上的所有链接（所有链接都指向同一网络上的不同页面）也具有该背景图像。我能够使用母版页上的CSS框来显示背景图像，但对于我的生活，我无法找到对任何子页链接执行相同操作的方法。我已经尝试添加和更改他们的ID，但它只会导致div被添加到他们身上，并且当您实际点击链接并转到该页面时，并不完全是背景更改。这并不复杂，我知道我错过了一些基本的东西。有人可以帮忙吗？

这是我的“母亲页面”的正文html代码：

<p><span class="font-size-3" style="color: #000000;"><strong><strong>1. <a     href="http://pharmacypeertopeeradvising.ning.com/page/healtheast-st-john-s-hospital-2012-2013-reviews" target="_self" id="AcuteCareAPPE">HealthEast St.John's Hospital, Maplewood</a></strong></strong></span></p>

<p><span class="font-size-3" style="color: #000000;"><strong><strong>2. <a href="http://pharmacypeertopeeradvising.ning.com/page/fairview-university-of-minnesota-medical-center-minneapolis-2012-" target="_self" id="AcuteCareAPPE">Fairview UMMC, Minneapolis</a></strong></strong></span></p>

<p><span class="font-size-3" style="color: #000000;"><strong><strong>3. <a href="http://pharmacypeertopeeradvising.ning.com/page/park-nicollet-methodist-hospital-minneapolis-2012-2013-reviews" target="_self" id="AcuteCareAPPE">Park Nicollet Methodist Hospital, St. Louis Park</a></strong></strong></span></p>

<p><span class="font-size-3" style="color: #000000;"><strong>4. </strong></span><span class="font-size-3" style="color: #000000;"><strong><a href="http://pharmacypeertopeeradvising.ning.com/page/united-hospital-allina-2012-2013-reviews" target="_self" id="AcuteCareAPPE">Allina United Hospital, St. Paul</a></strong></span></p>

<p><span class="font-size-3" style="color: #000000;"><strong>5. <a href="http://pharmacypeertopeeradvising.ning.com/page/regions-hospital-level-1-trauma-center-st-paul" target="_self" id="AcuteCareAPPE" name="AcuteCareAPPE">HealthPartners Regions Hospital-Level 1 Trauma Center, St. Paul</a></strong></span></p>

这是我的CSS代码。因为它的NING网络，CSS被放置在“母页”底部的“盒子”上：

<style>

#AcuteCareAPPE{
background-image:url(http://www.acutecarecontinuum.com/Portals/0/IMG_3192_ver2.jpg);

background-position: -50px, +10px;

}

</style>

所以你看到我正在尝试将这4个页面的链接（所有具有相同ID的AcuteCareAPPE）设置为具有相同的背景，但我的CSS代码最终会返回围绕这些链接的背景图像的div 。接下来我该怎么办？

Answer 1

改用类。每页允许一个id。不知道你想要做什么，但如果你解释在这个codepen链接中应该发生什么，我可以帮助你。我更新了您的代码以使用无序列表。 http://codepen.io/anon/pen/aJhBl

为子页设置相同的背景图像

1 个答案: