1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > css选择器的类型主要包括 css规则定义有哪些选择符 – CSS – 前端 css禁用鼠标点击事件

css选择器的类型主要包括 css规则定义有哪些选择符 – CSS – 前端 css禁用鼠标点击事件

时间:2018-04-19 04:43:01

相关推荐

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、伪类和伪元素选择符:用于向某些选择器添加特殊的效果。

@ 怎样区分后代选择器和子代选择器?

1.第一从符号上来区分后代选择器:是用空格来分隔开来 例如<h1>一个<span>人</span>的战争</h1> 就是h1 span{}子代选择器:用特殊符号> 例如 h1>span{}

2.第二从用法上区分后代选择器html部分:<ul class=”study”><li>物理 <ul> <li>力学</li> <li>声学</li> <li>电磁学</li></ul></li><li>数学<ul> <li>微积分</li> <li>概率论</li> <li>博弈论</li></ul></li> </ul> css部分//使用子代选择器的效果.study >li{ border:1px solid red;/*只给物理和数学加一个红色方框*/}//使用后代选择器的效果.study li{ border:1px solid red;/*给物理 力学 声学 电磁学 和数学 微积分 概率论博弈论都加一个红色方框*/}这说明子代是他是单传只给物理和数学就断子绝孙,后代是一代传一代。

子代选择器时效果图:

后代选择器时效果图:

@ css选择器命名能是百分号吗?

不能

具体如下:

左边是选择器首字符,右边是选择器后面的字符

首字符支持的字符类型是a~z、A~Z、下划线(_)以及非ASCII字符(中文、全角字符等)

后面的字符支持的字符类型是a~z、A~Z、0~9、下划线(_)、短横线(-)以及非ASCII字符

可以直接以短横线开头,如果是一根短横线(-),那么短橫线后面必须有其他字符、字母或下划线或者其他编码字符;如果是连续两根短横线(–),则它的后面不跟任何字符也是合法的。

@ 和css中的选择器有什么区别?

这个是有区别的。

1、首先说两者是属于不同的两门语言,jquery是属于js的一个框架,则其选择器是js里面的选择器,css是另一门不同于js的语言,其选择器是css选择器,则两者在根本上是不同的。

2、但是两者是有交集的,都是作为网页或者浏览器解析的语言,而js可以通过修改浏览器的dom对象来实现对css修改或者是控制。

3、可以简单的这样区分两者,css选择器用语css当中,js选择器应用于js当中,只不过有时两者使用相同的id标识来选择对象。

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