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>
!!效果图