选择在CSS是影响其他元素

-1

a { 
color: #120000; 
text-decoration: underline; 
}

这是我的HTML代码：

<div id="intro" class="grid_9"> 
    <h1>This site just might change your life</h1> 
    <p><a href="#" class=button>Browse Our Features</a></p> 
</div>

的问题是，在头（但只有这一个）受到与链接相同的影响。我怎样才能解决这个问题？

来源

2014-03-03 user1953907

您忘记了class = button – 2014-03-03 20:39:46

中的引用信息不足。一切看起来都很好，你确定'a'影响'h1'，而不是反过来，或者这两个元素可能是从'.grid_9'继承的，或者''intro' – fnostro

的ccs风格我第二次是什么@fnostro说。你还有其他事情正在发生。看这里：http://jsfiddle.net/nz6nk/一切似乎工作正常 – Krimson

只需添加一个类到<a>标签，不应该遵循它或使用现有的标签取决于该类是否专门用于该目的。然后，使用:not()选择：

a:not(.button) { 
    color: #120000; 
    text-decoration: underline; 
}

小提琴：Fiddle

而且，头也只按了CSS的<a>如果它被包裹在一个<a>标签。如果这是真的，那么给该集合添加标签<a>。

来源

2014-03-03 20:38:53 Anonymous

选择在CSS是影响其他元素

回答

相关问题