CSS3 常用新特性总结

2018-06-24 01:35:34来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

更新于(2017.07.07)会总结项目中比较常用的有些CSS属性

伪类选择器

  1. E:first-of-type: 匹配同类型中的第一个同级兄弟元素E
  2. E:last-of-type: 匹配同类型中的最后一个同级兄弟元素E
  3. E:first-child: 匹配其父元素的第n个子元素,第一个编号为1
  4. E:last-child: 匹配其父元素的倒数第n个子元素,第一个编号为1
  5. E:nth-child(n): 选择属于其父元素的第n个子元素的
  6. E:nth-last-child(n): 选择属于其父元素的倒数第n个子元素的
  7. E:only-child: 选择属于其父元素的唯一子元素(只有一个才能被选中)
  8. E:only-of-type: 选择属于其父元素唯一的同级兄弟元
  9. E:nth-of-type(n):匹配同类型中的第n个同级兄弟元素E。
  10. E:nth-last-of-type(n):匹配同类型中的倒数第n个同级兄弟元素E

 


 超链接状态顺序:

  1. a:link :设置超链接a在未被访问前的样式
  2. a:visited :设置超链接a在其链接地址已被访问过时的样式
  3. a:hover :设置元素在其鼠标悬停时的样式
  4. a:active :设置元素在被用户激活(在鼠标点击与释放之间发生的事件)时的样式

 

  1. :root: 选择文档的根元素
  2. E:empty: 选择没有子元素的每个E元素(包括文本节点)。
  3. E:checked: 匹配用户界面上处于选中状态的元素E。(多数用于input type为radio与checkbox时)
  4. E:enabled: 选择每个启用的E元素(文本框没有disabled属性的)
  5. E:disabled: 选择每个禁用的E元素(文本框有disabled属性的)
  6. E::selection: 选择被用户选取的元素部分。

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:Bootstrap缩略图

下一篇:Bootstrap洼地