html css關聯選擇器和組合選擇器
阿新 • • 發佈：2018-12-23
<!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=gb2312" />
<title>無標題文件</title>
<style type="text/css">
div{
background-color:#33FF00;
color:#000000;
}
/*關聯選擇器，選擇器中的選擇器*/
div b{
background-color:#000000;
color:#33FF00;
}
/*組合選擇器*/
p,span b{
background-color:#3300FF;
color:#FFFFFF;
}
</style>
</head>
<body>
<div>封<b>裝</b>行</div>
<span>行<b>內封</b>裝</span> <span>行內封裝</span>
<p>段落中的隱藏的第一桶金</p>
<p>段落</p>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標題文件</title>
<style type="text/css">
div{
background-color:#33FF00;
color:#000000;
}
/*關聯選擇器，選擇器中的選擇器*/
div b{
background-color:#000000;
color:#33FF00;
}
/*組合選擇器*/
p,span b{
background-color:#3300FF;
color:#FFFFFF;
}
</style>
</head>
<body>
<div>封<b>裝</b>行</div>
<span>行<b>內封</b>裝</span> <span>行內封裝</span>
<p>段落中的隱藏的第一桶金</p>
<p>段落</p>
</body>
</html>