DB

php中文网
发布: 2016-06-07 15:38:57
原创
1400人浏览过

理想很丰满,现实很骨感。为了丰满起来,再接再厉吧兄弟! 这里我只说一些在某些教科书上很少或根本不曾提及的选择器的用法。 1.类选择器 比如说: .class1{font:3cm}.class2{color:red} 如果样式表里出现这样的选择器呢? .class1.class2{background:yellow

理想很丰满,现实很骨感。为了丰满起来,再接再厉吧兄弟!



这里我只说一些在某些教科书上很少或根本不曾提及的选择器的用法。


1.类选择器


比如说:

.class1{font:3cm}
.class2{color:red}
登录后复制


如果样式表里出现这样的选择器呢?

.class1.class2{background:yellow}
登录后复制


2.根据元素属性来选择元素

还是用例子来说明问题:

a[alt]{border:3px solid red;}
登录后复制

比如说:

 CSDN

扩展:

*[title]{font-weight:bold;}表示选择所有具有"title“属性的元素。

a[href="http://www.csdn.net"]{font-weight:bold;}

img[title~="Figure"]{border:1px solid gray;}

[title^="bar"] 选择title属性以"bar“开头的所有元素。

[title$="bar]  选择title属性以"bar"结尾的所有元素。

[title*="bar"]  选择title属性中包含子字符串"bar”的所有元素。

此外还有:

父子选择器:h1>strong{};表示只选择作为h1子元素的strong元素。

兄弟选择器:h1+strong{};表示选择紧邻着h1的兄弟strong元素。


最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号