首页技术css伪类选择器有哪些?css伪类hover

css伪类选择器有哪些?css伪类hover

编程之家2026-06-05749次浏览

大家好,如果您还对css伪类选择器有哪些不太了解,没有关系,今天就由本站为大家分享css伪类选择器有哪些的知识,包括css伪类hover的问题都会给大家分析到,还望可以解决大家的问题,下面我们就开始吧!

css伪类选择器有哪些?css伪类hover

html 5 的CSS3新增的伪类选择器还包括哪些

:first-of-type p:first-of-type选择属于其父元素的首个<p>元素的每个<p>元素。

:last-of-type p:last-of-type选择属于其父元素的最后<p>元素的每个<p>元素。

:only-of-type p:only-of-type选择属于其父元素唯一的<p>元素的每个<p>元素。

:only-child p:only-child选择属于其父元素的唯一子元素的每个<p>元素。

:nth-child(n) p:nth-child(2)选择属于其父元素的第二个子元素的每个<p>元素。

:nth-last-child(n) p:nth-last-child(2)同上,从最后一个子元素开始计数。

css伪类选择器有哪些?css伪类hover

:nth-of-type(n) p:nth-of-type(2)选择属于其父元素第二个<p>元素的每个<p>元素。

:nth-last-of-type(n) p:nth-last-of-type(2)同上,但是从最后一个子元素开始计数。

:last-child p:last-child选择属于其父元素最后一个子元素每个<p>元素。

:root:root选择文档的根元素。

:empty p:empty选择没有子元素的每个<p>元素(包括文本节点)。

:target#news:target选择当前活动的#news元素。

css伪类选择器有哪些?css伪类hover

:enabled input:enabled选择每个启用的<input>元素。

:disabled input:disabled选择每个禁用的<input>元素

:checked input:checked选择每个被选中的<input>元素。

:not(selector):not(p)选择非<p>元素的每个元素。

::selection::selection选择被用户选取的元素部分。

css选择器有哪些

1、类别选择器

2、标签选择器

3、ID选择器

4、后代选择器

5、子选择器

6、伪类选择器

7、通用选择器

8、群组选择器

9、相邻同胞选择器

10、属性选择器

扩展资料:

一个完整的HTML页面是有很多不同的标签组成,而标签选择器,则是决定哪些标签采用相应的CSS样式,(在大环境中你可能处于不同的位置,

但是不管怎么样,你总是穿着同一套衣服,这件衣服就是由标签选择器事先给你限定好的,不管走到哪里都是这身衣服)比如,在style.css文件中对p标签样式的声明

参考资料百度百科-css选择器

css样式有哪几种选择器

CSS选择器、优先级与匹配原理\x0d\x0a1.id选择器(#myid)2.类选择器(.myclassname)3.标签选择器(div,h1,p)4.相邻选择器(h1+p)5.子选择器(ul< li)6.后代选择器(li a)7.通配符选择器(*)8.属性选择器(a[rel="external"])9.伪类选择器(a:hover,li:nth-child)\x0d\x0a其中ID选择器的效率是最高,而伪类选择器的效率则是最低\x0d\x0a\x0d\x0aCSS的权重\x0d\x0a\x0d\x0a1.通配选择符的权值 0,0,0,0\x0d\x0a2.标签的权值为 0,0,0,1\x0d\x0a3.类的权值为 0,0,1,0\x0d\x0a4.属性选择的权值为 0,0,1,0\x0d\x0a5.伪类选择的权值为 0,0,1,0\x0d\x0a6.伪对象选择的权值为 0,0,0,1\x0d\x0a7.ID的权值为 0,1,0,0\x0d\x0a8.important的权值为最高 1,0,0,0\x0d\x0a使用规则:选择器的权值加到一起,大的优先;如果权值相同,后定义的优先。\x0d\x0a从上面我们可以得出两个关键的因素:\x0d\x0a1.权值的大小跟选择器的类型和数量有关\x0d\x0a2.样式的优先级跟样式的定义顺序有关

好了,文章到这里就结束啦,如果本次分享的css伪类选择器有哪些和css伪类hover问题对您有所帮助,还望关注下本站哦!

ai语音对话 怎样用ai说话ai语音对话counting(count的中文翻译)