博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
初识CSS选择器版本4
阅读量:6209 次
发布时间:2019-06-21

本文共 511 字,大约阅读时间需要 1 分钟。

W3C最近更新了CSS选择器(Selector)第四版的草稿,添加了一些新的特性及规则,我们可以先了解一下!

$E > F:an E element parent of an F element

该条规则允许你通过子孙元素来筛选元素,例如:

$p>span{color:red} /*选择含有span的p元素*/

终于可以换个思维(原来是从上到下,现在是从下到上)换个来写CSS了,期待阿!

伪类::any-link和:local-link

:any-link用于任何的超链接,而:local-link将用于指向当前域内的超链接

伪类::dir() 文字排版方向,例如:

p:dir(ltr){

}

p:dir(rtl){

}

引用选择器

例如:当划过LABEL或者焦点在LABEL上时高亮其for的INPUT

label:matches(:hover, :focus) /for/input {

box-shadow: #fffea1 0 0 8px

}

更多特性请参考:

转载于:https://www.cnblogs.com/JavaTechLover/archive/2012/06/25/2561009.html

你可能感兴趣的文章
爬虫笔记(十二)——浏览器伪装技术
查看>>
Kali渗透测试——利用metasploit攻击靶机WinXP SP1
查看>>
pytest自动化6:pytest.mark.parametrize装饰器--测试用例参数化
查看>>
BZOJ 2003 [Hnoi2010]Matrix 矩阵
查看>>
apply和call用法
查看>>
Hbase java api
查看>>
CentOS6.5安装配置
查看>>
[10.5模拟] dis
查看>>
修改JAVA代码,需要重启Tomcat的原因
查看>>
Mac下关于->您不能拷贝项目“”,因为它的名称太长或包括的字符在目的宗卷上无效。<-的删除...
查看>>
学习笔记之-------UIScrollView 基本用法 代理使用
查看>>
PHP array_count_values() 函数用于统计数组中所有值出现的次数。
查看>>
PHP笔记随笔
查看>>
php原生函数应用
查看>>
C Primer+Plus(十七)高级数据表示 编程练习(二)
查看>>
dede 5.7 任意用户重置密码前台
查看>>
DRF数据验证+数据存储
查看>>
统计单词个数(划分型)
查看>>
bzoj千题计划169:bzoj2463: [中山市选2009]谁能赢呢?
查看>>
任务调度及远端管理(基于Quartz.net)
查看>>