入门demo
直接复制下面的代码,然后桌面新建文件夹啊,.txt结尾,粘贴进去,改文件夹.html结尾,浏览器打开,编辑调试。
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<!--内部样式 写在head中-->
<style type="text/css">
/* 并集选择器 多个选择器之间使用,(英文半角状态)隔开
.word,#s,span{
color: green;
}*/
/*交集选择器 格式:01.标签选择器+类选择器 02.标签选择器+ID选择器
必须是标签选择器在前
div.word{} 去div标签中查找class属性值为 word的标签
div#s{} 去div标签中查找id属性值为 s的标签
div.word{
color: green;
} */
/* 后代选择器 必须有层级关系 选择器之前使空格隔开*/
#dv span {
color: red;
background: red;
}
</style>
</head>
<body>
<div>这是一个div1</div>
<div>这是一个div2</div>
<div class="word">类选择器</div>
<div class="word">类选择器</div>
<div id="s">ID选择器</div>
<span>div外面的span</span>
<div id="dv">
<div>
<div >
<span>aaaaa</span>
</div>
</div>
</div>
<div>
<span>div里面的span标签2</span>
</div>
</body>
</html>