<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>常用选择器</title>
<style type="text/css">
/*h1{background-color: #6495ED;}//标签直接写即可*/
/*#select{background-color: aqua;}//在ID前面加#即可*/
/*.select_class{background-color: aquamarine;}//class类名的用.加类名即可*/
/*#select,.select_p,div,h1,.select_class{font-size: 40px;color: deeppink;}//当要多个同时成立,可用逗号隔开来即可*/
p.select_p,
#value {
color: darkorchid;
background: darkseagreen;
}
</style>
</head>
<body>
<h1>常用选择器1</h1>
<div id="select">常用选择器2</div>
<span class="select_class">常用选择器3</span>
<p class="select_p" id="select">常用选择器4</p>
<p class="select_p" id="value">常用选择器5</p>
</body>
</html>
HTML与CSS基础之常用选择器(一)
最新推荐文章于 2024-04-09 18:34:32 发布