CSS的选择器
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了CSS的选择器，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1532字，纯文字阅读大概需要3分钟。
内容图文
css的选择器：
1，基本选择器。
2，高级选择器。
基本选择器包含：
1，标签选择器
标签选择器可以选中所有的标签元素，比如div，ul，li，p等等，不管标签藏得多深，都能选中，选中的是所有的，而不是某一个，所以说"共性"，而不是：“特性”。
<!
DOCTYPE html
>
<
html
lang
="en"
>
<
head
>
<
meta
charset
="UTF-8"
>
<
title
>Document</title><style>
body{
color: gray;
font-size: 12px;}
p{
color: red;
font-size: 20px;}
span{
color: yellow;}</style></head><body>
段落
<p>你好</p><span>世界！</span></body></html>
2，id选择器 : #id
同一个页面中id不能重复，任何标签都可以设置id。
id命名规范：要以字母，可以有数字，下划线，大小写严格区分。
<!
DOCTYPE html
>
<
html
lang
="en"
>
<
head
>
<
meta
charset
="UTF-8"
>
<
title
>Document</title><style>
#b1{
color: green;}
#p1{
color: red;}
#s1{
color:blue;}</style></head><body id="b1">
段落
<p id="p1">你好</p><span id="s1">世界！</span></body></html>
3，类选择器
所谓类就是class,class与id非常相似，任何的标签，都可以加类但是可以重复，属于归类的概念。
同一个标签中可以携带多个类，用空格隔开。
<!
DOCTYPE html
>
<
html
lang
="en"
>
<
head
>
<
meta
charset
="UTF-8"
>
<
title
>Document</title><style>
.w{
color: green;}</style></head><body class="w">
段落
<p class="w">你好</p><span class="w">世界！</span></body></html>
总结：
- 不要去试图用一个类将我们的页面写完。这个标签要携带多个类，共同设置样式
- 每个类要尽可能的小，有公共的概念，能够让更多的标签使用
玩好了类 就等于玩好了css中的1/2
到底使用id还是用class？
答案：尽可能的用class。除非一些特殊情况可以用id
原因：id一般是用在js的。也就是说 js是通过id来获取到标签
原文：https://www.cnblogs.com/stfei/p/9074508.html
内容总结
以上是互联网集市为您收集整理的CSS的选择器全部内容，希望文章能够帮你解决CSS的选择器所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。