css中那些容易被我们程序猿所忽略的选择器

作为一个程序猿，我们可能会遇到这样的问题，假如：有5个li，要求给第三个li设置背景颜色怎么办？有人会说，用JS啊，循环遍历出第三个不就行了。但是，用JS解决一个属于CSS样式的小问题，不觉得特别麻烦吗？

再举一个例子：现有5个input标签，给属性为disabled的input设置背景怎么办？还是用js循环对吧，不过就是太麻烦。如果不用js，那应该怎么办？那么，今天在就来介绍一下那些容易被我们遗忘的css选择器：

看了这个表格之后，我们再回过头来看下，刚刚说的两个例子：

第一个例子：在5个li中，给第3个li设置指定的背景色

　　li:nth-child(3){background:red} //以背景色红色为例

　　第二个例子：在5个input中，给属性为disabled的input设置背景色

　　input:[disabled]{background:red;} // 以背景色红色为例

　　这样一来是不是比直接用JS要简单许多呢？希望对您有所帮助。

转载于:https://www.cnblogs.com/Lxb98117/p/CSS_Selector.html

css中那些容易被我们程序猿所忽略的选择器相关推荐

java中先进后出的集合_程序猿的日常——Java中的集合列表
列表对于日常开发来说实在是太常见了,以至于很多开发者习惯性的用到数组,就来一个ArrayList,根本不做过多的思考.其实列表里面还是有很多玩法的,有时候玩不好,搞出来bug还得定位半天.所以这里就再 ...
web前端-css中最直观的反馈-伪类及伪元素选择器的使用
谈谈如何在面试中发掘程序猿的核心竞争力什么是程序员的核心竞争力？
谈谈如何在面试中发掘程序猿的核心竞争力早两天看了知乎日报的这篇文章<什么是程序员的核心竞争力?>,caoz讲的几点是让我感同身受.这让我联想起了给程序猿的面试,其实也就是通过短暂的接触来 ...
【强烈推荐】程序猿们，九度Online Judge开始举办月赛啦！！会编程才是王道！！！！！
程序猿们,九度Online Judge开始举办月赛啦!!会编程才是王道!! 在国内计算机考研中,已经有越来越多的高校采用ACM上机考试的形式,在复试中来考察考生的实际动手编程能力,并且机试在复试中所占 ...
漫谈程序猿系列：群星闪耀的黄金时代
X电总局在2014年年中突然发飙了.把七家牌照商痛打了一顿,后来又把视频站点往死里玩儿了一把,大大过了几把官僚瘾. 这时候我忽然想到豪杰超级解霸.那但是98年上大学时的最爱,当时学校还没有互联网,东洋 ...
零基础驯养一头程序猿：从入门到结婚（上）
程序猿这种多功能易捕捉好养活的小动物,你难道不想养一头吗? 三四月莫名骚动的应聘季刚刚结束,职场上又迎来了最稳定的时节.刚刚跳稳了槽涨薪 50% 的程序猿,正神情舒缓地在新公司里通宵加着班.经验丰富的 ...
CSS中的相对路径与绝对路径
在学习CSS中,我们容易遇到一个极容易忽略的问题. 我们一般会创建如图所示的文件类型: 在css中我们会定义这样一个选择器 .style{background:url(/images/1.jpg);} ...
《采访中收集程序猿》学习记录5
印象笔记同步分享:<程序猿面试宝典>学习记录5 <程序猿面试宝典>学习记录5 第9章 STL模板与容器 9.1.向量容器考点1:对容器保存的元素类型的限制 voctor< ...
小程序中的css样式有哪些,微信小程序中css样式media标签
前沿:微信小程序中我遇到了一个对我来说是新的东西,但是对于前端开发来说不算是新知识,html页面中的media标签,在此记录下来以备不时之需在css中我们使用media标签来区分调用哪个css样式, ...

css中那些容易被我们程序猿所忽略的选择器

css中那些容易被我们程序猿所忽略的选择器

css中那些容易被我们程序猿所忽略的选择器相关推荐

最新文章

热门文章