获取元素标签

获取标签

1.id

$("#idName")

2.类名

$(".className")

3.标签 html {color:#666;}
多个标签同一个样式

 h2, p ,div{color:gray;}

4.通配符选择器

* {color:red;}

5.属性选择器

<a href="http://baidu.com.cn">百度</a>
a[href]{color:red;}

同时具备两个属性

a[href][title]{color:red;}

6.伪类选择器

:first-child             向元素的第一个子元素添加样式。
div:nth-of-type(n)   向元素下的第n个<div>元素添加样式。	
:focus	                向拥有键盘输入焦点的元素添加样式。	
:hover	                当鼠标悬浮在元素上方时，向元素添加样式。	
:link	                向未被访问的链接添加样式。	
:visited	                向已被访问的链接添加样式。	
:active	                向被激活的元素添加样式。

伪元素

:before	在元素之前添加内容。	
:after	在元素之后添加内容。

7.综合选择器

选中table中类名为class的所有的td

table .class >td{color:green;}

兄弟标签选中h1相邻的div

h1+ div {color:red;}

匹配所有

元素中的第一个

• 元素

div> li:first-child{
  font-weight:700;
  } 

这些选择可以自由搭配，准确选到元素