css选择器
2020-01-30 16:01:27来源:博客园 阅读 ()
css选择器
※ ;选择所有元素
div,p ; 选择所有div元素和p元素
div p ;选择div内部所有p元素
div>p;选择父元素为div的所有p元素
div+p;选择紧接在div元素之后的所有p元素
[target];选择带有target属性的所有元素
[target=_blank];选择target=_blank的所有元素
[title~=flower];选择title属性包含单词"flower"的所有元素
[lang|=en];选择lang属性以"en开头的所有元素"
a:link ;选择所有未被访问的链接
a:visited ;选择所有已被访问的链接
a:active ;选择活动链接
a:hover ;选择鼠标指针位于其上的链接
input:focus ;选择获取焦点的input元素
li:first-child ;选择列表中第一个li元素
p:before; 在每个p元素内容之前插入内容
p:after; 在每个p元素内容之后插入内容
p~ul; 选择前面有p元素的每个ul元素
a[src^="https"];选择其src属性以https开头的每个a元素
a[src$=".pdf"];以pdf结尾的
a[src*="adc"];包含adc字符串
p:first-of-type;指定父元素首个p元素
p:last-of-type;指定父元素的最后一个p元素
p:only-of-type;选择属于其父元素唯一的p元素的每个p元素
p:nth-child(2); 选择属于其父元素第二个子元素的p元素(如果第二个元素不是p就不显示)
p:nth-last-child(2); 同上从最后一个元素开始
p:nth-of-type;选择其父元素中第二个p元素的每个p元素 nth-last-of-type 从最后一个数
p:last-child;选择属于其父元素最后一个元素的p元素
:root;选择文档根元素
p:empty; 选择没有子元素的p元素(包括文本节点)
#news:target;选择当前活动的#news元素
input:enablt;选择每个启动的input元素
input:disabled 禁用的input
:not(p)选择非p元素的每个元素
::selection选择被用户选取的元素部分
原文链接:https://www.cnblogs.com/finghi/p/10643378.html
如有疑问请与原作者联系
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
上一篇:sass实现头条新闻列表页面
下一篇:HTML概念、语法及常用基础标签
- DIV居中的经典方法 2020-06-13
- CSS中的float和margin的混合使用 2020-06-11
- Html/css 列表项 区分列表首尾 2020-06-11
- css与javascript重难点,学前端,基础不好一切白费! 2020-06-11
- ie8下透明度处理 2020-06-11
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash