Css的学习之旅-css的选择器(2)

时间:2021-11-05 20:43:05

1.最常用的是派生选择器:eg:ul li{ color:red}

2.id选择器:eg:#id{color:red}

3.类选择器:设置标签的class = “”,类似id。用点来表示eg:.class{color:red} ,id和类选择器都可以和派生选择器嵌套

!!!!!嵌套代码实例

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Html5样式</title>
<link href="MyCss.css" type="text/css" rel="stylesheet">
</head>
<body>
<div class="divv">
这是一个div<p>hello</p>
</div>
</body>
</html>

ccs的代码

.divv p{
color:red;
}

4.属性选择器:1.对带有指定属性的html元素设定,2.对属性和值得选择器

!!!!实例代码

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Html5样式</title>
<style type="text/css">
[title]{
color:darkred;
}

[title = te]{
color:chartreuse;
}

</style>
</head>
<body>
<p title="t">属性选择器</p>
<p title="te">属性和值得选择器</p>
</body>
</html>

!!效果图