举例：（parent下的第一个子元素字体变红色）
.parent > :first-child {color:red} <div class="parent"><p>子元素1</p>
<div>子元素2</div>
<span>子元素3</span>
</div>
CSS3中，合理的使用通配符，可以大大提高效率，以下为测试示例。“^”开头字母匹配；“$”结尾字符匹配；“*”包含字符匹配
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>在页面上使用google地图示例</title>
<style type="text/css">
[id="qq"]{ background:red}
[id^="b"]{ background:yellow}
[id$="c"]{ background:green}
[id*="f"]{ background:orange}
</style>
</head>
<body>
<div>test</div>
<div id="qq">这个是指定ID情况下的样式</div>
<div id="begin">这个是用来测试开头字符为“b”</div>
<div id="cc">这个是用来测试结尾字符为“c”</div>
<div id="fcq">这个是用来测试id中含有"f".</div>
</body>
</html>
<style>div span[style*="font-size"]{
color:red
}
</style>
<div><span style="font-size:30px">aaaa</span></div>
E[att^=”val”] 属性att的值以"val"开头的元素
E[att$=”val”] 属性att的值以"val"结尾的元素
E[att*=”val”] 属性att的值包含"val"字符串的元素
我试着可以啊，颜色变成红的了
