2018-05-27

这周主要研究了CSS的伪类和伪元素,所谓的伪元素就是你无法用JS获取到这个伪元素,或者增删改,可以用它完成视觉上的要求,又不会增加DOM的负担。伪类可以完成很多selector的工作,更有效率的的控制样式。

1 An Ultimate Guide To CSS Pseudo Classes And Pseudo Elements

  • CSS3用(::)和(:)来区分伪元素和伪类
  • 文章在提到CSS生成内容的优缺点时特别强调了对于残疾人的不友好,比如生成的内容就不会被视觉障碍人士使用的软件(如screen reader)读出来。
  • 最后一部分使用了大量的例子来介绍伪类和伪元素

2How To Benefit From CSS Generated Content And Counters

  • 给(::before/after)增加content属性来生成特定的内容
  • 这些内容包括文字、链接、图标、图片和计数器
  • 计数器是另一部分重点内容,通过counter()函数可以定义一个计数器来自动生成有序的内容
  • 计数器不仅仅能生成阿拉伯数字,包括罗马数字、拉丁字母以及他们的大小写形态

3入门级的练习CSS选择器的网站

形式很不错,总共有32个小问题,可视化做的很好,简单、直观,唯一的问题就是访问不稳定。

3汇总性质的CSS选择器index网站

  • 将CSS选择器分为4个level,从level-1的class和id选择器到level-4的(:drop)选择器等
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Hello,world!今天我给大家讲一个关于Java魔鬼国王和他在全国范围内驱逐动词的故事。 注意:这个故事并没...
    猪猪9527阅读 3,418评论 0 2
  • 本周主要学习了css的表布局、linux用户相关配置文件:/etc/passwd,和/etc/shadow 文件、...
    lassiey阅读 1,324评论 0 1
  • 蚕豆从每斤10元降到了每斤1元多,正是大吃一下的时刻,而且看看下面就知道如果不过敏,它是好东东。 蚕豆的功效与作用...
    紫微妈咪阅读 694评论 0 0
  • 还是应该写点关于雪的东西。 毕竟今年的雪很大,都少年都没见过。 不由想到了2008年的大雪,一过十年都过去了,世界...
    李轩若阅读 1,189评论 0 0
  • 随着《那年花开月正圆》的热播,许久不曾出现在观众面前的何润东再次火了一把。 最近几年,其实何润东一直有在拍戏,但大...
    码字少女鹿小仙阅读 2,563评论 0 0

友情链接更多精彩内容