模板
教程
环境
性能
功能
管理
第七章 高级HTML
发表于：2007-06-30来源：作者：点击数：
标签：
根据上下文为HTML标识符加上styles 假设你想让一个列表中的黑体字以Courier字体显示出来，然而你不想让列表之外的文字或非黑体的文字以Courier字体显示（见图7.22），有许多办法可以实现这一功能。使用Style Sheets，你可以专门建立一个class，将它与列表中
根据上下文为HTML标识符加上styles
假设你想让一个列表中的黑体字以Courier字体显示出来，然而你不想让列表之外的文字或非黑体的文字以Courier字体显示（见图7.22），有许多办法可以实现这一功能。使用Style Sheets，你可以专门建立一个class，将它与列表中出现的<B>标识符关联。然而，还有第二种有趣得多的方法来实现这一效果，你可以将一个规则仅仅与特定的内容相关联，例如，你可以定义一个规则，它仅仅当文字是处于列表中并是黑体时才起作用，而对其它内容不起作用。下面例子所示的规则使用了上下文选择符：
<HTML>
<HEAD>
<TITLE> Style </TITLE>
<STYLE>
<!--
UL B {font-family: Courier}
-->
</STYLE>
</HEAD>
<BODY>
<B> I am bold but not in the Courier typeface </B>
<UL>
<LI> I am plain, but I am <B> bold and use Courier! </B>
<LI> Yes, but I am <B> bold and use Courier </B> as well!
</UL>
</BODY>
</HTML>
图7.22 使用上下文选择符
注意这个规则中的选择符，它包含了两个HTML标识符，而这两个标识符没有用逗号隔开，这个选择符只有当<B>位于<UL>标识符中时才提供，位于<B>中而不属于列表的文字将不会受此规则的影响。
