css常用选择器
一、元素选择器
E｛property1：value1；property2：value2；…｝
例子：
<style>
p{ color: red;}
h1{ color: saddlebrown;}
</style>
效果：
二、通配符选择器
*｛property1：value1；property2：value2；…｝
例子：
<style>
*{ color: purple} </style>
效果：
三、属性选择器
E[attribute]｛property1：value1；property2：value2；…｝
例子：
效果：
四、后代选择器
父元素 子元素｛property1：value1；property2：value2；…｝
例子：
效果：
五、子选择器
父元素 >子元素｛property1：value1；property2：value2；…｝
六、相邻同胞选择器
父元素 +子元素｛property1：value1；property2：value2；…｝
七、id选择器
E#idValue｛property1：value1；property2：value2；…｝
id选择器具有唯一性，这表明同一id在同一文档内只能出现一次
例子：
<!DOCTYPE html>
<html>
<head>
<style>
#firstname
{
background-color:yellow;
}
</style>
</head>
<body>
<h1>欢迎</h1>
<div class="intro">
<p id="firstname">我叫 花花.</p>
<p id="hometown">我住在中国</p>
</div>
<p>我最好的朋友是小雨</p>
</body>
</html>
效果：
八、class选择器
E.classValue｛property1：value1；property2：value2；…｝
用于定义元素类名
例子：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Document</title>
<style>
.name
{
background-color: aqua;
}
</style>
</head>
<body>
<h1 class="">名字</h1>
<p class="name">小雨</p>
</body>
</html>
效果：
3万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
