[导入]再谈css--如何针对不同位置的元素使用不同的风格

最近经常被问到如何灵活使用css的问题。的确，这是一个好现象。很多人已经开始逐渐的习惯于全面使用css排版，尽量做到展现与内容的分离。但在此习惯的过程中一定会遇到各种棘手的问题。我的一个经验就是：多查css手册，多尝试，多琢磨专家们的网页，可以将一些页面另存一下，慢慢分析。

好，说正题。经常有这样一种情况：我想在同一个页面的不同位置对超链接的风格进行定义，比如，在页面的导航部分，我不希望有下划线，而在其他地方则需要下划线。

实现的方式总的来说有两种：

1。对在不同的地方的超链接直接使用css内嵌指定，如：。这种方式很明显，最为强大和灵活。可以做到页面上的任意一个超链接的风格都不一样。但是，我们并不需要这么灵活，而且，对每个超链接都实行这个定义，太繁琐。

2。利用css本身的对象层级的支持，分批地制定超链接的风格。比如，普通情况下，我把整个页面里的超链接都定义成带下划线，而只有菜单不使用。那么，可以使用如下方式：

a
{
    color:Black;
    font-size:12px;
    text-decoration:underline;
}

而菜单如果是使用 ul 定义，像我上一篇 blog里描述的那种风格，我就可以这样定义：

.Menu a
{
    color:Black;
    font-size:12px;
    text-decoration:none;
}

这里的 .Menu是指菜单的外边界使用的css 。这样，只要是在这个菜单内的超链接都会使用这个风格。

当然，这种指定方法也可以有很多种。如：

#MyMenu a {....} 表示在ID为MyMenu的元素内部所有超链接样式；

#MyMenu li a{...}表示在ID 为MyMenu的元素内部的 li 元素内部的 超链接样式；

。。。。

几年前，苏沈小雨就编写过一本 css2.0手册 ，您可以在 这里下载。

文章来源:http://community.hf-mstc.org/cs/blogs/shakewang/archive/2006/06/23/2857.aspx