<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
/* (1)类型选择器 */
p,h1 {
color: red;
font-weight: bold;
}
/* (2)后代选择器 */
ol li {
color: blue;
}
/* (3)ID选择器 */
#myInput {
color: red;
}
/* (4)class选择器 */
.myButton {
color: blue;
}
/* (5)伪类选择器 */
a:LINK {
color: red;
}
a:VISITED {
color: olive;
}
a:ACTIVE {
color: blue;
}
/* (6)通用选择器*/
/* ---------
* {
padding: 0;
margin: 0;
}
--------- */
/* (7)子选择器 */
#nav>li {
padding-left: 20px;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Hello U</title>
</head>
<body>
<h1>This is tag h1.</h1>
<p>This is tag p.</p>
<ol>
<li>This is tag li 1 in ol.</li>
<li>This is tag li 2 in ol.</li>
</ol>
<ul>
<li>This is tag li 3 in ul.</li>
<li>This is tag li 4 in ul.</li>
</ul>
<input id="myInput" type="text" value="input1"/>
<input class="myButton" type="button" value="button1" />
<p/>
<a href="http://www.baidu.com">baidu</a>
<p/>
<ul id="nav">
<li>Home</li>
<li>Service</li>
<ul>
<li>Home</li>
<li>Service</li>
</ul>
<li>Contact Us</li>
</ul>
</body>
</html>
css层叠:
(1)用style属性编写的规则高于其他任何规则。
(2)Id选择器高于没有ID选择器的规则。
(3)类选择器的规则比只有类型选择器的规则特殊。
(4)如归两个规则的特殊性相同，那么后面定义的规则优先。
css引入页面:
<link href="/css/basic.css" style="text/css" rel="stylesheet">
<style type="text/css">
<!--
@import url("/css/basic.css");
-->
</style>
css引入速度
css注释、空格的删除以及压缩
分享到：
相关推荐
React组件的css选择器
CSS选择器-.pdf
css选择器里面有css的几十种选择、获取、什么都有.
各类css选择器的应用及代码效果展示，字体属性和文本属性的应用。
CSS选择器的介绍和使用,什么是CSS选择器？CSS选择器可以用于我们需要添加的样式的标签。想要在HTMLl页面中的元素实现一对一，一对多或者多对一的控制，就得要使用css选择器，css选择器进控制着HTML页面中的元素。
讲解了css选择器的要点和应用，分别写出了在什么场景用什么选择器，每个选择都有他自己书写规范和应用。
一个使用css选择器的完整爬虫工程，比本人前面两个相应资料更完整，与博文同步分享。
前端必须掌握的css选择器方法
* css选择器 * 冒泡原理 * 如果后面的表达式无效，只返回有效表达式匹配的结果 * author chenyipeng * e-mail: yia0223@gmail.com * ps: 如有bug请多多包涵 * 参考： jquery css选择器 * 目前实现 * #id ...
div h1~div: 应返回一个节点，但是Sizzle没有找到节点另外div.querySelectorAll("body *")会返回节点所以在以元素为context的查询中不使用querySelectorAll进行优化3, 性能将选择器编译成函数再进行查询，除了第一次...
jQuery 遍历css选择器 学习
CSS选择器笔记
30个最常用css选择器解析 CSS
脑图形式的css选择器和层叠规则整理，包括css选择器的类型以及css层叠规则的影响因素（重要性、来源、特殊性、顺序等等），属于前端基础技术的资源
详解CSS选择器标签HTML 选择器 类别CLASS 选择器
python爬虫 css提取网页内容的详细方法，有助于新手可以轻松上手，内容简单易懂，轻松掌握css的使用
CSS选择器 xmind - 选择器分类(ID选择器，类选择器，标签选择器，通配选择器，属性选择器，伪类选择器)。 - 选择器关系(分组，后代，子元素，相邻兄弟，后续兄弟)。 - CSS特性(优先级，继承，层叠)。
做个试验。。。。。做个小试验。。。做个试验。。。。。做个小试验。。。做个试验。。。。。做个小试验。。。做个试验。。。。。做个小试验。。。做个试验。。。。。做个小试验。。。CSS。。CSS