<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
/* 选择器{} */
/* 1.标签选择器 就是 以标签命名的选择器 */
/* 选中的所有这个标签都生效的css */
p {
color: red;
}
/* 2.类选择器 */
/* 定义类选择器 */
.one {
color: green;
}
.size {
font-size: 30px;
}
/* 3.id选择器 【配合js】*/
/* id一个界面只能用一个,配合js */
#two {
color: blueviolet;
}
/* 4.通配选择器【全选】 */
/* 包括无标签的也变 */
*{
font-size: 50px;
color: red; }
</style>
</head>
<body>
<p>这是一个p标签</p>
<p>ppppp</p>
<p>wwwwww</p>
<!-- 使用类选择器 -->
<!-- 使用多个类选择器 -->
<p class="one size" >类选择器</p>
<div class="one">类选择器</div>
<!-- 使用id选择器 -->
<!-- 使用多个id选择器 -->
<p id="two">id选择器</p>
id一个界面只能用一个,配合js
<!-- <div id="two">id选择器</div> -->
</body>
</html>
【html+css】css选择器
最新推荐文章于 2024-05-08 15:03:49 发布