微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

CSS选择器

今天写写关于CSS的选择器。

CSS的选择器,顾名思义,选择器的作用是用来选定需要修饰的标签的。

比较常见的选择器有类选择器,ID选择器,通配符选择器。

选择器可以分为五大类,分别是基础选择器,层次选择器,伪类选择器,伪元素选择器,属性选择器。

主要说一说基础选择器,伪类选择器,层次选择器。

基础选择器包含元素选择器,类选择器,ID选择器,通配符选择器,组合选择器。

伪类选择器包含动态伪类选择器和结构伪类选择器,其中动态伪类选择器包含:link,:visited,:focus,:hover,:active。

层次选择器包含子级选择器,后代选择器,兄弟选择器,通用选择器。

具体选择器的格式和使用方法在此就不赘述了,有需要的朋友可以转驾w3c官网,MDN,菜鸟教程等等技术网站,上面有较为完整的总结。

在此,谈谈学习选择器的重要性。通过选择器,我们可以建立起HTML文档和CSS文件的联系,我们通过类名,ID名,元素名的标识来获取需要的我们需要的元素,进而通过CSS规则改变元素的样式。当然我们也可以使用更加复杂的选择器来获取满足条件的元素,进而通过CSS规则改变元素的样式。

通过选择器,我们可以建立起JavaScript和HTML与CSS的联系,当然在这过程中,我们还需要DOM技术来获取选择器,获取到指定的元素后,我们可以与JavaScript的函数事件联系在一起。

综上所述,选择器就好像一个门牌号一样,告诉了CSS应该修改谁的样式,告诉了JavaScript应该实现谁的功能

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