学习记录:HTML的CSS选择器(基础选择器、复合选择器)

选择器的作用

可以在样式表里更加方便快捷的对html的各种样式以及属性进行操作,

使用css对HTML页面中的元素实现一对一,一对多或者多对一的控制,这就需要用到CSS选择器。HTML页面中的元素就是通过CSS选择器进行控制的。

这里主要讲解基础选择器(元素选择器、id选择器、class选择器、通配符选择器)和复合选择器(后代选择器、父子选择器)。

基础选择器

1、元素选择器

通过元素选择器可以选择页面中的所有指定元素。

例如:

2、id选择器

通过元素的id值选中唯一的元素。

例如:

3、 class选择器

通过元素的class属性值选中一组元素。

例如:

4、通配符选择器

选中页面中的所有元素。

例如:

复合选择器

 1、后代选择器

语法:祖先元素、后代元素{

        语句块}

2、父子选择器

语法:父元素>子元素{语句块} 父元素选择子元素

还有其他复合选择器、就不一一讲解啦(主要我就学习了这两,哈哈哈哈b)。

基础选择器:我的代码

 

复合选择器: 

大家参考参考,如果发现我有什么问题,告诉我,大家一起学习。 

声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2022年5月19日
下一篇 2022年5月19日

相关推荐