CSS的选择器分为两大类：基本选择题和扩展选择器。其中有4种基本选择器，下面我们就来看一下css中四种基本选择器类型分别是什么？
基本选择器：
1、标签选择器：针对一类标签
2、ID选择器：针对某一个特定的标签使用
3、类选择器：针对你想要的所有标签使用
4、通用选择器（通配符）：针对所有的标签都适用（不建议使用）
标签选择器：一个完整的HTML页面是有很多不同的标签组成，而标签选择器，则是决定哪些标签采用相应的CSS样式
style type="text/css">
p{
font-size:40px;
}</style>
<body>
<p>标签选择器</p>
</body>id选择器：根据元素ID来选择元素，具有唯一性。前面以”#”号来标志。
<head>
<title>Document</title>
<style type="text/css">
#good
{
border:3px dashed green;
}
</style>
</head>
<body>
<h2 id="good">id选择器</h2>
</body>类别选择器：类选择器根据类名来选择。和id非常相似，任何的标签都可以携带id属性和class属性。但是id属性只能被某一特定标签引用一次。
<style type="text/css">
.xl{
color: green;
}
.xd{
font-size: 40px;
}
</style>
<p class="xl xd">段落</p>
<p class="xl">段落</p>
<p class="xd">段落</p>通配符*:匹配所有标签不建议使用。
<style type="text/css">
/*定义通用选择器*，希望所有标签的颜色是绿色字符大小40磅*/{
color: green;
font-size: 40px;
}
</style> 
网友评论文明上网理性发言 已有0人参与
发表评论: