码迷,mamicode.com
首页 > Web开发 > 详细

CSS的各种选择器

时间:2016-07-23 16:26:14      阅读:228      评论:0      收藏:0      [点我收藏+]

标签:

  首先选择器的种类有很多 一般分为ID选择器,类选择器,标签选择器,后代选择器 数组选择器几大类

ID选择器

#id名

类选择器

.类名

标签选择器

直接写标签即可

后代选择器

就是前面一个ID选择器 然后空开一个格子 再加上 其他的选择器 这样就可以选中 在ID为什么的标签下 选中该标签

数组选择器

好比,很多的标签都要有同一个属性或者什么的时候 我们就可以用到数组选择器

使用的方法

在众多选择器中 用逗号分开就可以了

有一些CSS3的选择器\

个人比较常用的是 

li:nth-child(1)这种类型的选择器

这种类型的选择器有很多缺点 要注意的就是.最好那个标签里面的子标签都是相同的 不然 就有一点BUG 就是说 不是你选中的标签 也会占用一个位置

有一种 选中过滤选择器

li[.class^=t] 这个选择器的意思就是 在li的标签里面选中 类名为t开头的标签

li[.class$=t] 这个选择器的意思就是 在li的标签里面选中 类名为t结尾的标签

li[.class*=t] 这个选择器的意思就是 在li的标签里面选中 类名包含t的标签

CSS的各种选择器

标签:

原文地址:http://www.cnblogs.com/ganke/p/5698842.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!