CSS选择器类型有哪些

这篇文章主要为大家展示了“CSS选择器类型有哪些”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“CSS选择器类型有哪些”这篇文章吧。

创新互联公司-专业网站定制、快速模板网站建设、高性价比西乡塘网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式西乡塘网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖西乡塘地区。费用合理售后完善,10年实体公司更值得信赖。

CSS选择器类型总结

1.通用选择器

一般用于给所有元素做一些通用性的样式设置,比如清除内边距、外边距等。但是效率比较低,尽量不要使用。

* {

  margin: 0;

  padding: 0;

}

2.元素选择器

也叫做“标签选择器”,用于选中一类标签进行样式设置。

div { color: #ff0000; }

span { font-size: 18px; }

3.类选择器

给元素添加class属性,通过.class属性值来选中元素。

一个元素可以有多个class值,每个class值之间用空格隔开;

class值如果由多个单词组成,单词之间可以用中划线-、下划线_,也可以使用驼峰标识;

最好不要用标签名作为class值;

.box {

  width: 100px;

  height: 100px;

  background-color: #ff0000;

}

4.id选择器

给元素添加id属性,通过#id属性值来选中元素。

一个HTML文档里面的id值是唯一的,不能重复;

id值如果由多个单词组成,单词之间可以用中划线-、下划线_,也可以使用驼峰标识;

最好不要用标签名作为id的值;

#container { color: #ff0000; }

以上是“CSS选择器类型有哪些”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


网页标题:CSS选择器类型有哪些
文章地址:http://scyanting.com/article/jehjse.html