CSS的选择器包括两种:Id和Class、
1、ID选择器
id选择器可以标有特定ID的HTML元素指定特定的样式
HTML元素以ID属性来设置ID选择器,CSS中ID选择器以“#”来定义
以下选择器规则应用于元素属性id="para1"
代码:
<html>
<head>
<meta charset="utf-8">
<title>CSS的id选择器</title>
<style>
#para1
{
text-align:center;
color:red;
}
</style>
</head>
<body>
<p id="para1">Hello World!</p>
<p>这个段落不受该样式的影响。</p>
</body>
</html>
输出:
注意: id选择器不要以数字开头、数字开头的选择器在Mozilla/Firefox 浏览器不起作用
2、class选择器
class选择器用于描述一组元素的样式,class和ID选择器不同,class选择器可以在多个元素中使用(因为id是唯一的)
class选择器在HTML中以class属性表示,在CSS中,class选择器以一个“.”号显示
举例:
<html>
<head>
<meta charset="utf-8">
<title>CSS的Class选择器</title>
<style>
.center<!--注意有前面的"."点-->
{
text-align:center;
}
</style>
</head>
<body>
<h1 class="center">标题居中</h1>
<p class="center">段落居中。</p>
</body>
</html>
输出:
注意:class选择器的第一个字符不能使用数字!它无法在 Mozilla 或 Firefox 中起作用。
上述就是css的两种选择器,so easy!!!!!!!!
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)