CSS------选择器-----------选择器的分组、属性选择器

/*!--选择器的分组--*/
.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/>

　　

转载于:https://www.cnblogs.com/1020182600HENG/p/6840678.html