CSS 选择器演示

点击左侧列表中的选择器,即可在右侧中预览到选择器匹配到的内容。

如果没有任何匹配,说明所使用的浏览器不支持该选择器。

元素选择器
*
通配选择器

匹配所有元素。

li
类型选择器

匹配标签为 li 的元素。

#catalogue
id 选择器

匹配 id 属性值等于 catalogue 的元素。

.list
class 选择器

匹配 class 属性值包含 list 的元素。

关系选择器
#catalogue h3
后代选择器

匹配 #catalogue 元素内所有的 h3 元素。

#catalogue > h3
子元素选择器

匹配 #catalogue 元素子级的 h3 元素。

* 不支持:IE6

h1 + h2
相邻选择器

匹配 h1 元素之后紧跟的 h2 元素。

* 不支持:IE6

h1 ~ h2
兄弟选择

匹配 h1 元素之后所有的 h2 元素。

* 不支持:IE6

伪类选择器
h3:first-child

匹配同辈的所有元素中,第一个元素并且是 h3 的元素。

* 不支持:IE6

h3:last-child

匹配同辈的所有元素中,最后一个元素并且是 h3 的元素。

* 不支持:IE6-8

h3:first-of-type

匹配同辈的 h3 元素中,第一个 h3 元素。

* 不支持:IE6-8

h3:last-of-type

匹配同辈的 h3 元素中,最后一个 h3 元素。

* 不支持:IE6-8

h3:nth-child(2n)

匹配同辈的所有元素中,第 2n 个元素并且是 h3 的元素。

* 不支持:IE6-8

h3:nth-last-child(2n)

匹配同辈的所有元素中,倒数第 2n 个元素并且是 h3 的元素。

* 不支持:IE6-8

h3:nth-of-type(2n)

匹配同辈的 h3 元素中,第 2n 个 h3 元素。

* 不支持:IE6-8

h3:nth-last-of-type(2n)

匹配同辈的 h3 元素中,倒数第 2n 个 h3 元素。

* 不支持:IE6-8

.list dt:only-child

匹配同辈的所有元素中,只有一个元素并且是 dt 的元素。

* 不支持:IE6-8

.list dt:only-of-type

匹配同辈的 dt 元素中,只有一个 dt 元素时的 dt 元素。

* 不支持:IE6-8

.list:lang(zh)

匹配 lang 属性值等于 zh 的 .list 元素

* 不支持:IE6-7

ol:not(.list)

匹配 ol 元素中,不包含 .list 选择器规则的元素。

* 不支持:IE6-8

h3:empty

匹配不包含任何元素及内容的 h3 元素。

* 不支持:IE6-8

AG亚游集团

匹配 URL 井号(#)部分指向的 div 元素。

* 不支持:IE6-8

E:link

a 元素的链接地址在未被访问前的样式。

* 不进行演示

E:visited

a 元素的链接地址已被访问过的样式。

* 不进行演示

E:hover

鼠标悬停在 E 元素上时的样式

* IE6以下 只支持 a 元素的 hover 样式

* 不进行演示

E:active

E 元素在被激活(在鼠标点击与释放之间发生的事件)时的样式。

* IE7以下 只支持 a 元素的 active 样式

* 不进行演示

E:focus

E 元素在获得焦点时的样式。

* 不支持:IE6-7

* 不进行演示

E:root

匹配 E 元素在文档的根元素,在 HTML 中,根元素永远是 HTML。

* 不支持:IE6-8

* 不进行演示

E:checked

匹配选中状态的 E 元素。(用于 input type 为 radio 与 checkbox)

* 不支持:IE6-8

* 不进行演示

E:enabled

匹配可以正常使用的 E 元素。

* 不支持:IE6-8

* 不进行演示

E:disabled

匹配被禁止使用的 E 元素。(disabled="disabled")

* 不支持:IE6-8

* 不进行演示

伪元素选择器
.article:first-letter

设置 .talk 元素第一个字符的样式。

例:右侧首字大号字

* IE6 下选择符与花括号之间需有空格或换行

.talk:first-line

设置 .talk 元素第一行的样式。

例:右侧首行有浅灰色背景色

* IE6 下选择符与花括号之间需有空格或换行

.talk:before

设置 .talk 元素前的内容及样式。(与 content 属性一起使用)

例:右侧的<p class="talk">有深灰色背景色

* 不支持:IE6-7

.talk:after

设置 .talk 元素后的内容及样式。(与 content 属性一起使用)

例:右侧的</p>有深灰色背景色

* 不支持:IE6-7

.talk::selection

设置 .talk 元素被选择时的颜色。

例:用鼠标选中右侧 .talk 内的文字试试

* 不支持:IE6-8

属性选择器
a[class]

匹配具有 class 属性值的 a 的元素。

* 不支持:IE6

a[target="_blank"]

匹配 target 属性值等于 _blank 的 a 元素。

* 不支持:IE6

a[href^="https"]

匹配 href 属性值以 https 开头的 a 元素。

* 不支持:IE6

a[href$=".jpg"]

匹配 href 属性值以 .jpg 结尾的 a 元素。

* 不支持:IE6

a[href*="baike"]

匹配 href 属性值包含 baike 的 a 元素。

* 不支持:IE6

a[class|="abc"]

匹配 class 属性值以 abc 开头并跟着连接符“-”分割字符串 的 a 元素。例:

color-
color-red
color-green-blue

* 不支持:IE6

a[class~="abc"]

匹配 class 属性值以空格为分隔符,其中有一个等于 abc 的 a 元素。

* 不支持:IE6

这是标题

目录

七星鲁王

  1. 第一章 张三
  2. 第二章 李四
  3. 第三章 王五

怒海潜沙

  1. 第一章 赵六
  2. 第二章 黑七
  3. 第三章 丫丫

云顶天宫

  1. 第一章 嘎嘎
蛇沼鬼城
第一章 三叔的醒来
第二章 往事不堪回首
谜海归巢

阴山古楼

邛笼石影

大结局

试读

七星鲁王 第一章 血尸

50年前,AG亚游集团长沙镖子岭。

四个AG亚游集团土夫子正蹲在一个土丘上,所有人都不说话,直勾勾地盯着地上那把AG亚游集团洛阳铲

AG亚游集团铲子头上带着刚从地下带出的旧土,离奇的是,这一坏土正不停地向外渗着鲜红的液体,就像刚刚在AG亚游集团血液里蘸过一样。

“这下子麻烦大喽。”老烟头把他的旱烟在地上敲了敲,接着道,“下面是个AG亚游集团嘎,弄不好我们这点儿当当,都要撂在下面噢。”

“下不下去喃?要得要不得,一句话,莫七里八里的!”独眼的小伙子说,“你说你个老人家腿脚不方便,就莫下去了,我和我弟两个下去,管他什么东西,直接给他来一梭子。”

老烟头不怒反笑,对边上的一个大胡子说:“你屋里二伢子海式撩天的,指不定什么时候就给翻盖子了,你得多教育教育,咱这买卖,不是有只匣子炮就能喔荷西天。”

那大胡子瞪了那年轻人一眼:“你崽子,怎么这么跟老太爷讲话,老太爷淘土的时候你他妈的还在你娘肚子里吃屎咧。”

“我咋说……说错了,老祖宗不说了嘛,那血尸就是个好东西,下面宝贝肯定不少,不下去,走嘎一炉锅汤。”

“你还敢顶嘴!”大胡子举手就打,被老烟头用烟枪挡了回去。

“打不得,你做伢那时候不还是一样,这叫AG亚游集团上梁不正下梁歪!”

那独眼的小伙子看他老爸被数落了,低下头偷笑,老烟头咳嗽了一声,又敲了那独眼的少年一记头棍:“你笑个啥?碰到血尸,可大可小,上次你二公就是在洛阳挖到这东西,结果现在还疯疯癫癫的,都不知道着了什么道。等一下我先下去,你跟在我后面,二伢子你带个土耗子殿后,三伢子你就别下去了,四个人都下去,想退都来不及退,你就拉着土耗子的尾巴,我们在里面一吆喝你就把东西拉出来。”

解放军奇袭攻台已不太可能 等待台军反扑是最佳战术 足金精英赛-反客为主!欧贝3球胜东道主 金陵加冕 俄媒:中国完成S-400导弹团接装工作 将首次试射 美国家安全顾问:下次“特普会”将推迟到2019年举行 国学大师饶宗颐纪念会在巴黎举行 猩猩也抽烟?印尼动物园监管不力遭动保人士谴责 代表:放开收养一名限制 可收养遭家暴和虐待子女 郑糖 市场氛围正在转暖 曼城大将:曼联靠长传球赢曼城 我们其实踢的很好 4月18日上市公司晚间公告速递 中国加入世贸组织后 到底有没有履行入世承诺? “月宫365实验”今日出舱 再创世界纪录
“刷新闻赚现金”App扎堆 是传销还是网赚新模式? 河北通报杨玉忠涉黑团伙保护伞案 多名官员被查处 港媒:停战65年 志愿军老兵称半岛和平离不开中国 摩拜出现短时大规模故障 用户扫码时现余额清零情况 张茅:7月1日全面实施外商投资企业“多证合一” 台初审通过“国家机密保护法”修正草案 丰田携手零部件供应商 投3000亿建智能化软件新公司 印控克什米尔爆发严重暴力冲突 已致至少20人丧生 高瓴资本57亿美元海外持股曝光:14中概股占七成仓位 美国1天2起校园枪击案 特朗普再承诺加强校园安保 “不在服务区”成历史 中国自主卫星电话正式放号 北京:个人名义募捐拟被禁 承诺捐款未履行将被诉
苏杯首选12中11!大数据透视神助攻独擒2.88高赔 本田精英赛伍兹多项数据列第一:每隔一段就跃一步 29分钟31+7+7!提前下班老詹笑的像个200斤孩子 亚冠-神奇奥斯卡连续闪电扳平 上港2-2蔚山止连胜 中国留学生手机含儿童色情影片 遭澳吊销签证拘捕 “芯战”揭幕:国内芯片行业暴露短板 直击|滴滴顺风车整改:下线所有个性化标签和评论功能 六旬老太掉臭水沟退伍兵救上岸 学生人工呼吸救急 四川小伙因查出艾滋被辞退起诉公司 已重回岗位 女生最吃香的十大职业 如何创业白手起家 白手起家创业做什么 白手起家创业点子 AG亚游集团