600字范文,内容丰富有趣,生活中的好帮手!
600字范文 > css限定选择器 使用css3的属性选择器设置搜索 – CSS – 前端 css自适应换行

css限定选择器 使用css3的属性选择器设置搜索 – CSS – 前端 css自适应换行

时间:2022-05-06 13:27:36

相关推荐

css限定选择器 使用css3的属性选择器设置搜索 – CSS – 前端 css自适应换行

@ css规则定义有哪些选择符?

css选择符(选择器)有以下这些:

1、通配选择符( * ):匹配任意元素。

2、id选择符( # myid):匹配 ID 等于“myid”的任意元素 。

3、类选择符(.myclassname):匹配 class 等于“myclassname”的任意元素.

4、标签选择符(div, h1, p):选择指定元素名称的所有元素。

5、相邻选择符(E + F):用于选择(不是内部)指定的第一个元素之后紧跟的元素。

6、子选择符(E > F):用于选取带有特定父元素的元素,例ul > li,选择所有父级是 <ul> 元素的每个 <li> 元素。(学习视频分享:css视频教程)

7、后代选择符(E F):用于选取元素内部的元素。

8、伪类和伪元素选择符:用于向某些选择器添加特殊的效果。

@ not选择器不支持复杂选择?

尽管css的选择器很强大了,但是考虑其兼容性,尽可能的少用,比如大家在做一个前端页面的切图的时候,会看情况:

如果是h5手机网站,推荐用css选择器

如果是pc网站,适当用css选择器

如果是pc网站,并且是政府、学校等机关单位,杜绝用css选择器

@ css选择器中后代选择器与子选择器的区别?

css后代选择器和子选择器的区别介绍:

1 css后代选择器语法:h1 em {color:red;} 表示的是从h1开始里面包含的所有的em元素变成红色,h1为祖先,其他的em都是后代,即选中后代,不管是儿子还是孙子,只要是都会被选中,为后代选择器。2、css子元素选择器语法:h1>em{color:red;} 表示的是从h1开始里面的第一层em元素变成红色,h1为祖先,em为儿子,就像世袭制一样,只能传给儿子,孙子和其他堂亲都不行

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。