HTML中四种选择器
2016-03-13 19:53
666 查看
1.类选择器class：“.class”
2. id 选择器：“#id”
3.派生选择器：“p strong”
4.属性选择器：“[title] / [title=te]”
代码如下：
<!DOCTYPE HTML>
<head>
<meta equiv="Content-Type" content="text/html" charset="utf-8">
<title>选择器的选择</title>
<link href="paisheng.css" type="text/css" rel="stylesheet">
</head>
<body>
<p><strong>派生选择器</strong></p>
<li><strong>Hello 派生选择器！</strong></li>
<hr/>
<p id="pid">id选择器</p>
<li><strong>id-#</strong></li>
<div id="ID">Hello ID选择器！</div>
<hr/>
<p class="pclass">class类选择器</p>
<div class="second">Hello class类选择器！</div>
<hr/>
<p title="t">属性选择器</p>
<h1 titles="te">Hello 属性选择器！</h1>
</body>
2. id 选择器：“#id”
3.派生选择器：“p strong”
4.属性选择器：“[title] / [title=te]”
代码如下：
<!DOCTYPE HTML>
<head>
<meta equiv="Content-Type" content="text/html" charset="utf-8">
<title>选择器的选择</title>
<link href="paisheng.css" type="text/css" rel="stylesheet">
</head>
<body>
<p><strong>派生选择器</strong></p>
<li><strong>Hello 派生选择器！</strong></li>
<hr/>
<p id="pid">id选择器</p>
<li><strong>id-#</strong></li>
<div id="ID">Hello ID选择器！</div>
<hr/>
<p class="pclass">class类选择器</p>
<div class="second">Hello class类选择器！</div>
<hr/>
<p title="t">属性选择器</p>
<h1 titles="te">Hello 属性选择器！</h1>
</body>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- web前端开发工程师需要学习的技能
- 6.html中的表单元素一
- 7.html中的表单元素一
- 开启CSS3.0的学习之旅（一）
- web前端开发
- web前端怎么做?
- 从网页制作到前端开发工程师难吗？
- Web前端工程师成长之路——知识汇总
- html基础知识梳理
- 史上最全的HTML、CSS知识点总结，浅显易懂
- WEB标准,Web前端开发工程师必备技术列表
- WEB标准,Web前端开发工程师必备技术列表
- img 和 background-image的选择
- Emmet：html/css代码快速编写神器
- 微信里面防止下拉"露底"组件，touch事件
- 微信公众平台Js API WeixinApi
- 阿里巴巴2015暑期实习面试经历（前端开发）
- 关于编写性能高效的javascript事件的技术[转] 来源：酷勤网 发布于 2015-2-12
- 浏览器是怎么加载页面的
- bootstrap3 标题文字类型