1. 程式人生 > >CSS中交集選擇器詳解

CSS中交集選擇器詳解

  CSS中交集選擇器有兩種,分別是例如 p.special{} 以及p#special類似的兩種

交集選擇器中不能有空格,下面是測試程式碼

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">

p{

color:green

}
p.specialone{


color:blue
}
p#specialtwo{

color:red;

}
</style>
<title>交集選擇器測試</title>
</head>


<body>
<p class="specialone">交集選擇器</p>
<p id="specialtwo">交集選擇器</p>
</body>
</html>

結果:


可見,兩個交集選擇器都起了作用。