北京沣登科技发展公司

css伪类选择器性能,css伪类选择器实例

大家好,今天小编关注到一个比较意思的话题,就是关于css伪类选择器性能的问题,于是小编就整理了3个相关介绍CSS伪类选择器性能的解答,让我们一起看看吧。

  1. CSS中有哪些常用选择器?
  2. CSS中有哪些常用选择器?
  3. css3中伪类选择器由什么组成?

CSS中有哪些常用选择器?

一、CSS选择器有哪些

CSS中的选择器很多,比如:ID选择器,类选择器,通配符选择器,伪类选择器等等,接下来主要介绍常用的几个。

css伪类选择器性能,css伪类选择器实例div>
图片来源网络,侵删)

1.标签选择器

语法:标签名{},eg:h1{}//为所有的h1元素设置样式

2.ID选择器

css伪类选择器性能,css伪类选择器实例
(图片来源网络,侵删)

语法:#id名{}//id值唯一不能重复,eg:#top{}//为id为top的元素设置样式。

3.类选择器

语法:.class{},eg:.box{}//为所有的class值为box的元素设置样式。

css伪类选择器性能,css伪类选择器实例
(图片来源网络,侵删)

4.组选择器

语法:选择器1,选择器2,选择器N{},eg:#box1,.box2,p{}//为id为box1,class为box2和p的元素共同设置样式。

CSS中有哪些常用选择器?

一、CSS选择器有哪些

CSS中的选择器很多,比如:ID选择器,类选择器,通配符选择器,伪类选择器等等,接下来主要介绍常用的几个。

1.标签选择器

语法:标签名{},eg:h1{}//为所有的h1元素设置样式。

2.ID选择器

语法:#id名{}//id值唯一不能重复,eg:#top{}//为id为top的元素设置样式。

3.类选择器

语法:.class{},eg:.box{}//为所有的class值为box的元素设置样式。

4.组选择器

语法:选择器1,选择器2,选择器N{},eg:#box1,.box2,p{}//为id为box1,class为box2和p的元素共同设置样式。

css3中伪类选择器由什么组成?

w3c规范中伪类有:

active、hover、link、visited 【css1】

所有主流浏览器支持以上伪类,但是只在对标签上的支持最好。

【css2】的有3个

focus : 如果规定了<!doctype>,将在主流浏览器&ie8+中支持(否则ie不支持)

first-child:必须声明<!doctype>才能够确保在ie中正常支持

lang:如果规定了<!doctype>,将在主流浏览器&ie8+中支持(否则ie不支持)

到此,以上就是小编对于css伪类选择器性能的问题就介绍到这了,希望介绍关于css伪类选择器性能的3点解答对大家有用。

[免责声明]本文来源于网络,不代表本站立场,如转载内容涉及版权等问题,请联系邮箱:83115484@qq.com,我们会予以删除相关文章,保证您的权利。 转载请注明出处:http://www.fengdengtech.com/post/67440.html

分享:
扫描分享到社交APP