CSS选择器

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

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

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

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

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

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

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

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

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

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

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

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

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效