CSS的复合选择器应用的代码

 

复合选择器根据元素的名称、id、类名,使符合条件的元素共同拥有样式;各选择器条件要以分号(,)隔开。

语法: h2 , #subid , .subclass {color:blue;}

代码:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

<style type="text/css">

#box,.mytitle,input{

color:blue;

}

</style>

</head>

<body>

<div id="box">我是内容部分</div>

<h2 class="mytitle">我是2级标题</h2>

<h3 class="mytitle">我是3级标题</h3>

<h3>我是3级标题</h3>

<input type="button" value="按钮" />

<input type="button" value="按钮" />

</body>

</html>