**关注程序员二东,编程转码真的很简单**
CSS 选择器有哪些
顾名思义,CSS 选择器通过单独的规则选择页面上的 HTML 元素,并将样式应用于所选元素。
通用选择器
万能选择器是选择所有元素,代码如下: 意思是选择页面上所有元素,并将其文本设置为黄色
ID选择器
ID选择器是通过ID属性来选择元素。 这个ID选择器最好不要在页面上重复。
例如,如果您已经将一个 div 元素的 ID 设置为“id='test1'”,并将另一个元素的 ID 设置为“id='test1'”,那么如果您使用 document.getElementByIdcss获取最后一个元素,则可以只获取第一个元素来设置Id,所以页面上使用ID选择器时建议保证ID的唯一性
类选择器
类选择器根据元素的类属性来选择元素。 通常,开发中经常使用类选择器。 代码如下:
元素选择器
元素选择器是根据元素名称来选择元素。 例如,要选择所有 p 个元素,我们可以使用 p{} 来完成。 代码如下:
后代选择器
前端选择器用于选择元素的后代。 注意,这里的后代包括子元素、孙子等所有后代元素css获取最后一个元素,必须与子元素选择器区分开来。 代码如下:
子元素选择器
子元素选择器用于选择元素的子元素。 请注意,这只是一个子元素。 如果是孙元素,则无法选择。 代码如下:
属性选择器
通过元素的属性来匹配HTML元素,可以同时使用属性名和属性值。 代码如右图所示:
相邻的前一个兄弟选择器
该选择器用于选择某个元素前面的同级元素,代码如下:
通用前兄弟选择器
该选择器用于选择某个元素前面的所有同级元素。 注意它和前面的同级选择器的区别。 代码如下:
发表评论