30个最常用css选择器解析（5）
作者：iiduce 发布时间：2011-06-16 20:36:37
标签：css选择器,css,浏览器
19. X:hover
div:hover {
background: #e3e3e3;
}
:hover伪类设定当鼠标划过时元素的样式。上面代码中设定了div划过时的背景色。
需要注意的是，在ie 6中，:hover只能用于链接元素。
这里分享一个经验，在设定链接划过时出现下滑线时，使用border-bottom会比text-decoration显得更漂亮些。代码如下：
a:hover {
border-bottom: 1px solid black;
}
兼容浏览器：IE6+、Firefox、Chrome、Safari、Opera
20. X:not(selector)
div:not(#container) {
color: blue;
}
否定伪类选择器用来在匹配元素时排除某些元素。在上面的例子中，设定除了id为container的div元素字体颜色为blue。
兼容浏览器：IE9+、Firefox、Chrome、Safari、Opera
21. X::pseudoElement
::伪类用于给元素片段添加样式。比如一个段落的第一个字母或者第一行。需要注意的是，这个::伪类只能用于块状元素。
下面的代码设定了段落中第一个字母的样式：
p::first-letter {
float: left;
font-size: 2em;
font-weight: bold;
font-family: cursive;
padding-right: 2px;
}
下面的代码中设定了段落中第一行的样式：
p::first-line {
font-weight: bold;
font-size: 1.2em;
}
兼容浏览器：IE6+、Firefox、Chrome、Safari、Opera
（IE6竟然支持，有些意外啊。）
22. X:nth-child(n)
li:nth-child(3) {
color: red;
}
这个伪类用于设定一个序列元素（比如li、tr）中的第n个元素（从1开始算起）的样式。在上面例子中，设定第三个列表元素li的字体颜色为红色。
看一个更灵活的用法，在下面例子中设定第偶数个元素的样式，可以用它来实现隔行换色：
tr:nth-child(2n) {
background-color: gray;
}
兼容浏览器：IE9+、Firefox、Chrome、Safari
0
投稿猜你喜欢
- 本文实例讲述了scrapy自定义pipeline类实现将采集数据保存到mongodb的方法。分享给大家供大家参考。具体如下：# Standa
- 本文实例讲述了让thinkphp支持大小写url地址访问的方法。分享给大家供大家参考。具体实现方法如下：通常ThinkPHP默认是区别大小写
在while和for循环过程中，为了更加灵活地控制循环的次数，python提供了break和continue循环控制语句。1. break- Flask解决跨域1、下载flask_cors包pip install flask-cors2、使用flask_cors的CORS代码示例f
- 如何使用模板系统让我们深入研究模板系统，你将会明白它是如何工作的。但我们暂不打算将它与先前创建的视图结合在一起，因为我们现在的目的是了解它是
- 人生苦短，菜鸟学Python！今天，我们会一次性分享6个堪称神仙的内置函数。在很多计算机书籍中，它们也通常作为高阶函数来介绍。而我自己在日常
- 1.创建数据库表--使用哪个数据库，如果不写这一句是默认的数据库，也可以用鼠标选当前数据库use testDB--创建表 Cre
- 1.首先安装依赖包，避免在安装过程中出现问题[root@chufeng yusen]# yum -y install wget vim ba
- （一）深入浅出理解索引结构 实际上，您可以把索引理解为一种特殊的目录。微软的SQL SERVER提供了两种索引：聚集索引（clus
- 代码如下:'===================================== '获取内容中所有图片 '==
- 抽象工厂模式Abstract Factory Pattern是什么抽象工厂模式是一种创建型模式，它提供了一种创建一系列相关或相互依赖对象的最
- 1、说明用于等待按钮。当用户按下按钮时，句子将被执行并获得返回值。2、语法retval=cv2.waitKey([delay])Retval
- 目录迭代器生成器总结迭代器聊迭代器前我们要先清楚迭代的概念：通常来讲从一个对象中依次取出数据，这个过程叫做遍历，这个手段称为迭代(重复执行某
- 函数函数的英文单词是 Function，这个单词还有着功能的意思。在 Go 语言中，函数是实现某一特定功能的代码块。函数代表着某个功能，可以
- 打过了趟深圳回来后，已经快半个月，在广州购书中心逛了下，发现2本前端书《重构HTML-改善WEB应用的设计》、《CSS3 实战》，看了一半《
- 井字棋，英文名叫Tic-Tac-Toe，是一种在3*3格子上进行的连珠游戏，和五子棋类似，由于棋盘一般不画边框，格线排成井字故得名。游戏需要
- 第一招、mysql服务的启动和停止net stop mysqlnet start mysql第二招、登陆mysql语法如下： mysql -
- 1.conn.php <? $host="localhost"; //数据库服务器名称 $user="r
- 目录Counter举例实战sortedallF-strings总结Python中冷门但非常好用的内置函数 Counter举例 实战sorte
- 网络上的两个程序通过一个双向的通信连接实现数据的交换，这个连接的一端称为一个socket。Socket的英文原义是"孔"
