css 常用的选择器 ID选择器、类class选择器、标签选择器（div\p等、派生选择器）

网页学习者 · 发表于 2014-10-6 21:45:07

亲注册登录道勤网-可以查看更多帖子内容哦！（包涵精彩图片、文字详情等）请您及时注册登录-www.daoqin.net

您需要登录才可以下载或查看，没有账号？立即注册

x

css 常用的选择器 ID选择器、类class选择器、标签选择器（div\p等、派生选择器）

我们在初学css的时候，会经常用到这几个选择器，他们名称是以上的几个，通过选择器在css的控制来实现不同的效果，如下图

同时写了个代码，让大家看下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<title>28 css选择器</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="道勤教育 http://www.daoqin.net" />
<style>
#test01{
width:100px;
height:50px;
border:1px solid blue;
}
.test002{
width:100px;
height:50px;
border:1px solid red;
}
div{
width:100px;
height:50px;
background:orange;
margin-bottom:10px;
}
div p{
color:red;
}
/*p{
color:red;
}*/
</style>
</head>
<body>
<div id="test01">test001</div>
<div class="test002"></div>
<div>
普通div设置
<p>我是div中的P标签</p>
</div>
<p>我是独立的P标签</p>
</body>
</html>

复制代码

道勤主机提供365天*24小时全年全天无休、实时在线、零等待的售后技术支持。竭力为您免费处理您在使用道勤主机过程中所遇到的一切问题! 如果您是道勤主机用户，那么您可以通过QQ【792472177】、售后QQ【59133755】、旺旺【诠释意念】、微信：q792472177免费电话、后台提交工单这些方式联系道勤主机客服！如果您不是我们的客户也没问题，点击页面最右边的企业QQ在线咨询图标联系我们并购买后，我们为您免费进行无缝搬家服务，让您享受网站零访问延迟的迁移到道勤主机的服务！