这篇文章主要介绍“css的基本选择器有哪些”，在日常操作中，相信很多人在css的基本选择器有哪些问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”css的基本选择器有哪些”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！
成都创新互联公司服务项目包括东至网站建设、东至网站制作、东至网页制作以及东至网络营销策划等。多年来，我们专注于互联网行业，利用自身积累的技术优势、行业经验、深度合作伙伴关系等，向广大中小型企业、政府机构等提供互联网行业的解决方案，东至网站推广取得了明显的社会效益与经济效益。目前，我们服务的客户以成都为中心已经辐射到东至省份的部分城市，未来相信会继续扩大服务区域并继续获得客户的支持与信任！
css的基本选择器有：1、通配符选择器；2、标签选择器；3、类选择器；4、Id选择器；5、结合元素选择器；6、多类选择器。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
基本选择器介绍
| 选择器 | 语法格式 | 含义 | 举例 | | 通配符选择器 | *{属性：值;} | 通用选择器可以选择页面上的所有元素，并对它们应用样式，用 * 来表示。不建议使用，IE6不支持，给大型网站增加负担。 | *{width: 300px;} |
| 标签选择器 | 标签名{属性：值;} | 标签选择器，匹配对应的HTML的标签。 | h2{color: red;} |
| 类选择器 | .class属性值{属性：值;} | 类选择器，给拥有指定的class属性值的元素设置样式。 | .box{color: red;} |
| Id选择器 | #id属性值{属性：值;} | Id选择器，在一个 HTML 文档中，Id 选择器会使用一次，而且仅一次。Id选择器以#来定义。 | #box{color: red;} |
| 结合元素选择器 | 标签名 .class属性值{属性：值} | 选择器会根据标签名中包含指定的.class属性值的元素。 | p.box {color:red;} |
| 多类选择器 | .class属性值.class属性值{属性：值;} | 通过把两个类选择器链接在一起，仅可以选择同时包含这些类名的元素（类名的顺序不限）。注意：在 IE7 之前的版本中，不同平台的 Internet Explorer 都不能正确地处理多类选择器。 | .box.box1{color:red;} |
通配符选择器
通配符选择器
创新互联
创新互联
标签选择器
标签选择器
创新互联
创新互联
标签选择器
成功不是击败别人，而是改变自己。
创新互联
创新互联
标签选择器
成功不是击败别人，而是改变自己。
创新互联
创新互联
结果图
类选择器
类选择器
成功不是击败别人，而是改变自己。
创新互联
创新互联
类选择器
成功不是击败别人，而是改变自己。
创新互联
创新互联
结果图
Id选择器
id选择器
成功不是击败别人，而是改变自己。
结合元素选择器
结合元素选择器
成功不是击败别人，而是改变自己。
成功不是击败别人，而是改变自己。
多类选择器
多类选择器
成功不是击败别人，而是改变自己。
成功不是击败别人，而是改变自己。
创新互联
创新互联
注意：多类选择器执行原理说明如下：首先class属性值可以设置为多个以空格隔开即可，举例：如果一个class属性值包含.box和.box1将其设置样式，通过把两个类选择器链接在一起，仅可以选择同时包含这些类名的元素（类名的顺序不限）。如果一个多类选择器包含类名列表中没有的一个类名，匹配就会失败。现在大家应该知道了单独的class属性值为.box和.box1没有被渲染了。
到此，关于“css的基本选择器有哪些”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注创新互联网站，小编会继续努力为大家带来更多实用的文章！
本文名称：css的基本选择器有哪些
当前URL：
http://www.cdkjz.cn/article/gijhis.html
