<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>交集選擇器</title>
<style>
/*
p.para1{
color: red;
}
*/
.para1#identity{
color: blue;
}
</style>
</head>
<body>
<!--
1.什么是交集選擇器?
作用: 給所有選擇器選中的標簽中, 相交的那部分標簽設置屬性
格式:
選擇器1選擇器2{
屬性: 值;
}
注意點:
1.選擇器和選擇器之間沒有任何的連接符號
2.選擇器可以使用標簽名稱/id名稱/class名稱
3.交集選擇器僅僅作為了解, 企業開發中用的並不多
-->
<p>我是段落</p>
<p>我是段落</p>
<p class="para1" id="identity">我是段落</p>
<p class="para1">我是段落</p>
<p>我是段落</p>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>並集選擇器</title>
<style>
/*
.ht{
color: red;
}
.para{
color: red;
}
*/
.ht,.para{
color: red;
}
</style>
</head>
<body>
<!--
1.什么是並集選擇器?
作用: 給所有選擇器選中的標簽設置屬性
格式:
選擇器1,選擇器2{
屬性:值;
}
注意點:
1.並集選擇器必須使用,來連接
2.選擇器可以使用標簽名稱/id名稱/class名稱
-->
<h1 class="ht">我是標題</h1>
<p class="para">我是段落</p>
<p>我是段落</p>
<p>我是段落</p>
</body>
</html>
