CSS之选择器_html/css_WEB-ITnose
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了CSS之选择器_html/css_WEB-ITnose，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2033字，纯文字阅读大概需要3分钟。
内容图文
选择器
类型选择器
也叫做 元素选择器和简单选择器，可以根据元素标签指定样式。
p {color:red;} 类选择器
一般用于某些同类型的样式。
.xxxClass{} ID选择器
为特殊的元素，指定类型
#xxxId{} 后代选择器
在某个选择器后，选择指定规则的后代，为其指定样式
div p {} 伪类选择器
为某些特殊的元素，在某些条件时，指定样式。
比如，链接的link和visited ;
以及其他元素的hover,focus,active等。
a:link, a:visited {}a:hover, a:focus, a:active {} 通用选择器
类似通配符的作用，比如所有可用元素添加样式。
*{} 高级选择器
子选择器
后代选择器是选择所有的后代，子选择器则可以选择元素的直接后代，即子元素。
#nav>li{} 相邻选择器
#nav + p {} 属性选择器
比如为tooltip添加样式
acronym[title]{} 样式层叠
由于选择同一个元素可以通过不同的方法，比如元素的后代、或者类、或者ID，那么就可能造成样式的重叠。因此可以使用!important,增加样式的优先级。
样式特殊性
再说到样式的重叠的另一种情况，如果不同的方式都指定了样式，到底会优先使用哪一种呢？
这就需要了解特殊性了，从上到下 依次为：
style=""#xxx{}.class{}body div{}div{} 即，元素上的style会优先、其次是使用ID选择器、然后是类选择器、后代选择器、最后是类型选择器
样式的继承
样式是可以继承的，比如给body增加样式，那么页面中body内的所有元素都会应用这个样式。
样式的引用
样式的引用由两种方式，一种是通过链接link，另一种则是style的导入的方式：
相比较来说，link的方式要更快一些。
另外，还是推荐把CSS都放在同一个文件中。因为浏览器加载样式文件，是受浏览器的限制的，有的浏览器只支持同时下载3个文件、有的支持8个...
如果由三个文件，而浏览器只能同时下载2个文件，那么第三个就必须要等到前两个下载完后，才能加载。
因此，放在一个文件中会更快的加载。
如果把所有的CSS都放在一个文件，又可能导致文件过于庞大，不易维护。因此有以下几个建议：
暂时也就整理这么多吧！后续再补充....
内容总结
以上是互联网集市为您收集整理的CSS之选择器_html/css_WEB-ITnose全部内容，希望文章能够帮你解决CSS之选择器_html/css_WEB-ITnose所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。