测开之路九十一：css常用的选择器

 

一：全局选择器：*

 

二：标签选择器，如给所有p标签加个背景色

 

三：id选择器：# ，如给id为id_01的元素加一个框

 

 

四：类选择器：. 如设置一个类选择器为blue，当有标签引用blue的时候，背景颜色就会变为蓝色

 

 

css

/* 全局选择器*，即所有 */
*{ color: red;}

/* 标签选择器，如给所有p标签加个背景色 */
p {background-color: blueviolet;}

/* id选择器：# ，如给id为id_01的元素加一个框*/
#id_01{ border: solid 5px #000;}

/* 类选择器：. 如设置一个类选择器为blue，当有标签引用blue的时候，背景颜色就会变为蓝色*/
.blue{background-color: blue;}

 

 html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS</title>
    <!-- 引用../css/css03.css文件 -->
    <link rel="stylesheet" href="../css/css03.css">
</head>
<body>
    <h1>*为全局选择器，文字为红色</h1>
    <p>这是标签选择器，p标签背景色为紫色</p>
    <p id="id_01">这是带id元素的标签</p>
    <p class="blue">这是类选择器，blue元素，背景颜色会变为蓝色</p>
</body>
</html>

 

posted @ 2019-08-27 15:24  向前走。  阅读(152)  评论(0)  编辑  收藏  举报