📄 7-3-6.cfm.htm
字号:
<html>
<head>
<title>第七章 高级HTML</title>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb_2312-80">
<meta NAME="GENERATOR" CONTENT="Microsoft FrontPage 3.0">
</head>
<body>
<font FACE="宋体"><b>
<p ALIGN="JUSTIFY">根据上下文为HTML标识符加上styles</p>
</b></font><font FACE="宋体" SIZE="3">
<p ALIGN="JUSTIFY">假设你想让一个列表中的黑体字以Courier字体显示出来,然而你不想让列表之外的文字或非黑体的文字以Courier字体显示(见图7.22),有许多办法可以实现这一功能。使用Style
Sheets,你可以专门建立一个class,将它与列表中出现的<B>标识符关联。然而,还有第二种有趣得多的方法来实现这一效果,你可以将一个规则仅仅与特定的内容相关联,例如,你可以定义一个规则,它仅仅当文字是处于列表中并是黑体时才起作用,而对其它内容不起作用。下面例子所示的规则使用了上下文选择符:</p>
<p ALIGN="JUSTIFY"><HTML></p>
<p ALIGN="JUSTIFY"><HEAD></p>
<p ALIGN="JUSTIFY"><TITLE> Style </TITLE></p>
<p ALIGN="JUSTIFY"><STYLE></p>
<p ALIGN="JUSTIFY"><!--</p>
<p ALIGN="JUSTIFY">UL B {font-family: Courier}</p>
<p ALIGN="JUSTIFY">--></p>
<p ALIGN="JUSTIFY"></STYLE></p>
<p ALIGN="JUSTIFY"></HEAD></p>
<p ALIGN="JUSTIFY"><BODY></p>
<p ALIGN="JUSTIFY"><B> I am bold but not in the Courier typeface </B></p>
<p ALIGN="JUSTIFY"><UL></p>
<p ALIGN="JUSTIFY"><LI> I am plain, but I am <B> bold and use Courier!
</B></p>
<p ALIGN="JUSTIFY"><LI> Yes, but I am <B> bold and use Courier </B> as
well!</p>
<p ALIGN="JUSTIFY"></UL></p>
<p ALIGN="JUSTIFY"></BODY></p>
<p ALIGN="JUSTIFY"></HTML></p>
<p ALIGN="JUSTIFY"><img SRC="Image65.gif" tppabs="http://210.74.168.175/guide/asp/part7/Image65.gif" WIDTH="595" HEIGHT="412"></p>
<b>
<p ALIGN="CENTER">图7.22 使用上下文选择符</p>
</b>
<p ALIGN="JUSTIFY">注意这个规则中的选择符,它包含了两个HTML标识符,而这两个标识符没有用逗号隔开,这个选择符只有当<B>位于<UL>标识符中时才提供,位于<B>中而不属于列表的文字将不会受此规则的影响。</p>
</font>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -