[翻译]标记语言和样式手册 Chapter 9 精简标签（3）
作者：zhaozy 来源：3user.com 发布时间：2008-02-01 09:55:00
标签：样式,标记,css,手册,标签
越少分类越好维护
除了减少需要使用的源代码空间之外,用继承选择器代替多余分类还代表了标记内容未来易于扩展.
举例来说,让我们假设你想让sidebar之内的链接变成红色,而不是像页面的其余部分那样使用蓝色,因此你建立了一个red类,像这样加到锚点标签中:
<div id="sidebar">
<h3>About This Site</h3>
<p>This is my site.</p>
<h3>My Links</h3>
<ul>
<li><a href="archives.html" class="red">Archives</a></li>
<li><a href="about.html" class="red">About Me</a></li>
</ul>
</div>
而把这些链接变成红色(假设预设的链接颜色不是红色)则需要类似这样的CSS:
a:link.red {
color: red;
}
这些动作没什么问题,也完全可以正常运作,但是如果未来你改变心意,想把这些链接换成绿色的话怎么办?或者更实际一点,你的老板偶尔说了"今年红色已经过时了,把这些侧边栏链接换成绿色"!没问题,你只要修改CSS里的red类就搞定了,但是标记内容里的class属性还是red,明显这不完全符合语义,就跟使用其他颜色当作分类名称一样.
这不是个使用显示效果当作分类名称的好地方,但是完全不指定分类的话,我们能省去许多处理分类的精力(以及代码),同时让内容语义更合理,我们倒不如以继承选择器选择这些侧边栏的链接,依照需要指定样式.
标记内容和方法B完全相同,而设定侧边栏的链接所需的CSS将是这样:
#sidebar li a:link {
color: red;
}
基本上,这代表"只有在<div id="sidebar">之内的<li>标签里的使用了href属性的锚点标签应还显示成红色".
现在,我们维持了简短灵活的标记内容,而未来更新只需要用到CSS,不管想让链接变成红色,绿色,粗体,斜体都没问题.
0
投稿猜你喜欢
- 当我们想复制两个一模一样的列表时，我们可能使用到list.copy()这个方法，这个方法可以让我们复制一个相同的数组，当遇到下面这种情况时，
1 K-means算法实际上，无论是从算法思想，还是具体实现上，K-means算法是一种很简单的算法。它属于无监督分类，通过按照一定的方式度- 这是写给web设计者和前端开发者的教程，我们将演示如何使用Photoshop创建按钮的sprite图，然后是如何使用jQurey打造动态渐变
- 影响的范围: IE的所有版本在表单的radio/checkbox控件中，一旦他们的DOM结构被更改过就会出现这个bug。bug描述当象下例中
- 例子：http.Handle("/tmpfiles/", http.StripPrefix("/tmpfile
- 本文实例讲述了python实现连接mongodb的方法。分享给大家供大家参考。具体分析如下：通过pymongo可以很容易的链接到mongod
- 本文实例讲述了python实现一次创建多级目录的方法。分享给大家供大家参考。具体实现方法如下：import osos.makedirs( &
- DELETE 语句DELETE 语句用于删除记录，语法如下：(与 “UPDATE” 语法较为相似)D
- lxmllxml 是 Python 的一个库，用于解析和呈现 XML 和 HTML。它支持多种内置和第三方 XML 和 HTML 标记，例如
- 1、如何认识可视化？需要指出的是，虽然不同绘图工具包的功能、效果会有差异，但在常用功能上相差并不是很大。与选择哪种绘图工具包相比，更重要的是
- 前言在MySQL很多测试场景，需要人工生成一些测试数据来测试。本文提供一个构造MySQL大表存储过程，可以生成包含用户名，手机号码，出生日期
- 这篇文章主要介绍了Django多进程滚动日志问题解决方案,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的
- PHP作为开源语言，发展至今已有很多成熟的国内外开源系统，足以满足个人和企业用户自己建立WEB站点，下面则主要介绍PHP建站的流程和步骤。不
- uniapp页面跳转的几种方式一、uni.navigateTo定义：保留当前页面，跳转到应用内的某个页面，使用uni.navigateBac
- 先给大家看下Scratch3.0二次开发之windows环境下打包成exe的流程。1、需要先安装npm，安装过程不作过多介绍了。
- 本文实例为大家分享了pygame实现弹力球及其变速效果的具体代码，供大家参考，具体内容如下期望：1.球体接触到框体后反弹2.设置速度按键，按
- reduce总的来说用的不多，但最近看一些文章上的reduce的用法真的是骚气，其实reduce跟常用的map，forEach一样，也是用于
- 在python3中按数据类型的可变与不可变大致分为如下几种类型：不可变数据（3个）：Number（数字）、String（字符串）、Tuple
- 1. 安装pip3yum install python34-pip2. 安装python34develyum install python3
- 每天都要记得健康打卡尊敬的老师，我忘了这次的健康打卡，反思的时候我想了很多东西，反省了很多事情，自己也很懊悔，触犯了学校的规定，深刻认识到自
