您当前的位置: 站长圈 > 技术文章 > 网页前端 > 第七课:常用css选择器

第七课:常用css选择器

来源: 作者:adminzzq 点击: 0
选择器{  属性:属性值;  属性:属性值; }

1:标签选择器 ,就是html标签。
2:id选择器,#id名称.id在同一个页面中是唯一。
3:类选择器。.类名来表示。同一个元素可以添加多个类。用空格隔开。
4:通配选择器,*选择器。选择的是页面中的所有元素。
    常用来重置浏览器默认的margin和padding ,*{margin:0;padding:0;}
5:后代选择器:用空格 来表示。空格前面是祖先元素,空格的后面才是我们要选中的元素。
6:子选择器:用>来表示。>前面是父元素。>后面是我们要选中的元素。
7:组合选择器:用,来表示。他是用来把多个选择器组合在一起。

伪类和伪元素:
伪类表示的是一种状态,页面中并不存在这个类。
伪类用:来表示。
a:link{} 连接的样式
a:visited{} 已经点击过的连接的样式
a:hover{} 鼠标移上去的时候的样式
a:active{} 正在点击时候的连接的样式
如果要完整的写a的样式,必须是按上面的顺序。
:focus{} 元素被激活时候的样式。常用于表单


伪元素:
:first-letter{} 首字
:first-line{} 首行
E:after{} 在E这个选择器的后面用css添加的一个元素,还可以用content属性给这个元素添加内容。
E:before{};在E这个选择器的前面用css添加一个元素。还可以用content属性给这个元素添加内容 。
E:last-child{} 选中的是E,并且这个是他父亲的最后一个儿子。
E:first-child{} 选中的是E,并且这个E是他父新的第一个儿子。

属性选择器。
a[target] 选中的是a,并且这个a有target属性。
a[target=_top] 选中的是a,并且这个a有target属性,且target属性的值等于_top
a[target|=....]
a[target~=....]
a[target!=....]
a[target ^=...]
a[target$=....]