第一百四十八章 伪类选择器(三)

我们学会了选择第一个元素和最后一个元素,或者是独生子女。但事实上的情况可能更加复杂,也许它的父元素里,并不只是一个或者两个子元素,如果是更多个呢?而且我们需要选择的又不是第一个和最后一个。

那我们要选择第几个呢?对就是这个问题——:nth-child(n)。小括号里的 n ,说的就是第几个元素。哈,我们的伪类选择器居然需要写参数了呢。不过还行,有了 JS 基础之后理解起来没啥困难。总结一下要点:这是说,在它父元素中的第 n 个子元素(包含所有子元素),并且满足前面的选择器的话,就是我们要找的那个元素。

至于这个 n 是从 0 开始数还是从 1 开始数……笨笨的小老鼠并记不住,所以大家自己动手尝试一下吧。不过小老鼠清楚的记得这是从前面开始数,啊,所以也有从后面开始数,:nth-last-child(),这就实在没有什么可讲的了吧?

接着我们来考虑一下这两个伪类选择器,:nth-of-type() 和 :nth-last-of-type()。对照前面的内容,大家应该一看就了解了,所以我也实在是没有再讲下去的必要。

伪类选择器还有一些我们没有讲,因为用的实在是不太多。还有就是新增的一些可能无法被老的浏览器兼容。老浏览器无法被迅速的淘汰掉,这真的是前端的一大痛苦,所以常常,我们对于那些十分惊艳的前端技术,却要抱着一种谨慎的态度。不是我不想去用,而是老板更在意兼容性;不是老板不愿意拥抱更新的技术,而是用户的浏览器还没有升级……就是那句很烂俗的话,不能和钱过不去啊。咱们总得先考虑吃饭,所以虽然新技术很美,但常常只能远观。如果你想改变这一情况,可以不畏艰险,死乞白赖的给你认识的人,推荐先进的浏览器,并且监督他们及时升级……(挨打不要找我

认真的考虑实际情况的话,你会发现满嘴大谈 HTML5 和 CSS3 有点儿搞笑。虽然现在确实有一些环境下,可以很好的去应用它们了。但是刻意的强调新技术,很可能就在暗示着放弃了用户体验,或者说是放弃了某种意义上的低端用户吧。说这种话挺令人伤心的,术业有专攻,我们不能够要求每一个用户都对软件的应用多么了解,但仅仅因为这种不了解而划为低端用户,这是科技的不人性化。

未经允许不得转载-易看设计:易看设计 - 创意.极致.传达 » 第一百四十八章 伪类选择器(三)

打赏

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏