选择器中单选择器:关联选择器档
第01步:编写select.css
@charset "utf-8"; /* span标签中的b标签的exam类 */ span b.exam{ background-color:#036; color:#F00 } /* span标签中的b标签,中的a标签,中的v标签 */ span b a v.mor{ background-color:#0F0; color:#C0C }
第02步:编写html代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>选择器中单选择器:关联选择器</title> <link href="select.css" rel="stylesheet" type="text/css" /> </head> <body> 选择器中的选择器:关联选择器<BR /> (span标签中的b标签) <span> span标签中的b标签,然后加入<b class="exam">标签</b> </span> <BR /> (span标签中的b标签,中的a标签,中的标签v标签,v标签是随意的自定义标签,可以是v,可以是其它) <span><b>span标签中的b标签,中的a标签,<a><v class="mor">中的v标签<v></a></b></span> </body> </html>