/*!--选择器的分组--*/
.groupDiv h1,h2,h3,h4{
color: #000000;
} /*------------------------属性选择器--*/
[title]{
color:red;
} [border]{
border:1px solid red;
} /*属性和值选择器*/
[title=h4title]{
border-color:blue;
} /*属性和值选择器 - 多个值 */
[title~=hello]{
color:blue;
} /*设置表单的样式:属性选择器在为不带有 class 或 id 的表单设置样式时特别有用:*/
input[type=text]{
border:1px solid red;
}
<!--选择器的分组-->
<div class="groupDiv">
<h1 border="1">1111111</h1>
<h2>2222222</h2>
<h3 title="h3title" border="1">3333333</h3>
<h4 title="h4title" border="1">4444444</h4>
<h4 title="hello 1">四级标题</h4>
<h4 title="2 hello">四级标题</h4>
<h4 title="hello hhhh">四级标题</h4>
</div> 用户名:<input type="text" value="用户名"/><br/>
按钮:<input type="button" value="按钮"/><br/>
单选按钮:<input type="radio" value="单选按钮"/><br/>