CSS基础选择器温故-1-怪诞咖啡

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了CSS基础选择器温故-1-怪诞咖啡，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1653字，纯文字阅读大概需要3分钟。

内容图文

2.浏览器兼容性：浏览器对基本选择器都是一路绿灯通行，可以放心使用。

3.通配选择器：选择所有元素，也可以选择某个元素下的所有元素

（1）选择所有元素： *{margin: 0;padding: 0;}

（2）某个元素下的所有元素：.demo *{background: purple;}

4.ID选择器

（1）在使用ID选择器（#id）之前，需要在HTML文档中给对应的元素设置id属性并设置其值，才能找到对应的元素

eg：

eg：#demo{color: purple;}

5.类选择器

（1）在HTML中给需要的元素定义class属性，并为其设置属性值
（2）类选择器在一个页面中可以有多个相同的类名，而ID选择器其id值在整个页面中是唯一的一个（类选择器的简单使用方法）
eg：.demo{color: purple;}

（3）类选择器的-多类选择器：通过两个或两个以上类选择器合并，来定义有别于一个类名的元素效果

eg：.demo1.demo2{color: purple;}（两个选择器之间没有空格，应紧密相连）

注：如果一个多类选择器包含的类名中，其中有一个不存在，这个选择器将无法找到匹配的元素

注：IE6选择器并不支持多类选择器，其将以末尾类名为准

（4）多类选择器扩展

【3】表示两种类选择器，思考：元素选择器、ID选择器、类名选择器，都是选择器，也就表示都可以互相进行组合

eg：div#demo{margin: 0;}

　　　div.demo{margin: 0;}

　　　.demo#demo{margin: 0;}

以后还会学习多种选择器，都可以进行这种组合使用，不过不建议组合过多。一是太复杂，可控性不好；二是完全没有这个必要，直接采用一个新的元素更好，并且没有兼容性问题（IE6不支持）

6.群组选择器

（1）群组选择器（selector1,selectorN）是将具有相同样式的元素分组在一起，每个选择器之间用逗号（,）隔开

（2）selector1,selector2,selector3,...,selectorN

（3）逗号（,）告诉浏览器，规则中包含多个不同的选择器，省去逗号就成了后代选择器（逗号成空格）或多类选择器（之间没有分隔）

内容总结

以上是互联网集市为您收集整理的CSS基础选择器温故-1-怪诞咖啡全部内容，希望文章能够帮你解决CSS基础选择器温故-1-怪诞咖啡所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端