1. 元素选择器以元素名来表示
如
<html>
<h1>AAAAA</h1>
<h2>BBBBB</h2>
</html>
html {color:blue;}
h1 {color:blue;}
h2 {color:blue;}
分组:
html, h1, h2 {color: blue;}
2. id 选择器以井号"#" 来表示
如:
<div id="divID">AAA</div>
CSS中应用:
#divID {color:red;}
JQuery中应用:
$(#divID).click(function(){...}); 或 $(div.#divID).click(function(){...});
3. 类(Class)选择器以点号"."来表示
如:
<h1 class="center"
>AAA</h>
CSS中应用:
.center {text-align: center}
JQuery中应用:
$(.center).click(function(){...}); 或 $(h1.center).click(function(){...});
4.属性选择器以方括号"[]"来表示
如:
<h2 title="myvalue">Hello world</h2>
CSS 中应用:
[title] { color:red; }
[title=myvalue] {color: red;}
JQuery中应用:
$("[title]") 表示选取所有带有title属性的元素