CSS常⽤选择器介绍
希望这篇⽂章对⼀些刚⼊门的新⼿有所帮助。
CSS样式设置，常⽤的⼏类选择器
例：
<html>
<head>
<title></title>
<style  type="text/css">
//ID选择器
#test{
color:red;
}
//元素选择器
h1{
weidth:100px;
}
//类选择器
.help{
background-color:green;
}css 属性选择器
<style>
</head>
<body>
<h1 id="test" class="help">hi,boy!</h1>
</body>
</html>
1、ID选择器
⾸先在元素标签<h1></h1>内定义⼀个属性id，并设置属性值为test。CSS样式的定义，如果是id选择器，则是#接对应元素标签内的id属性值。⽐如：#test{}
2、元素选择器
直接通过元素标签名进⾏CSS样式设置，⽐如选取< h1> 标签，则对应的CSS则是写成：h1{}
3、类选择器
类选择器类似与ID选择器，区别在于将ID选择器的 # 换成 . ，如： .help{}
注意：类的CSS样式可以多次引⽤，但ID选择器却是唯⼀。简⽽⾔之，不同元素标签的class值可以设置相同，但id值通常具有唯⼀性。
4、派⽣选择器
⼀般形式是元素标签名接对应的#ID值或者.Class值。⽐如 h1 #test{} , h1 .help{}
当然，还有属性选择器等。不过，经常使⽤的还是上⾯⼏种。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。