码迷,mamicode.com
首页 > 其他好文 > 详细

选择器分类

时间:2018-06-23 17:02:15      阅读:138      评论:0      收藏:0      [点我收藏+]

标签:n个元素   类型   cti   a+b   其他   ted   伪类   body   链接   

层次选择器

  子集选择器:action>section:

  后代选择器:body section:

  兄弟选择器:A+B:

  通用选择器:A~B:

 

动态伪类选择器

  未访问:a:link  已访问:a:visited

  悬停:a:hover   点击时:a:active

  焦点框(多用于框的链接):a:fouce

 

结构伪类选择器

  section:nth-child(n)

  代表选中第n个元素判断是否为section,是则执行代码否则不执行

  section:nth-of-type(n)

  代表选中第五个section

  first-child:首个  last-child:最后

否定伪类选择器

  h1:not(:nth-child(3)):选中除了第三个h1元素的其他h1元素

  body>h2:only-of-type:表示选择类型为h2元素,并且body里包含一个h2元素时样式才生效,包含多个则不生效

  body>h2:only-child:表示选择类型为h2元素,并且body元素只有一个子元素时h2时样式才生效,包含多个子元素时不生效

伪元素选择器

  h1:before  表示在元素前面加内容

  h1:after   表示在元素后面加内容

  p:first-letter  第一个单字

  p:first-line  第一行

  p:seletion{background-color:aquamarine;}  鼠标选中内容 

选择器分类

标签:n个元素   类型   cti   a+b   其他   ted   伪类   body   链接   

原文地址:https://www.cnblogs.com/m5397/p/9217338.html

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