css伪类选择器(css伪元素选择器)

素颜马尾好姑娘i 2023-09-26 13:10 161阅读 0赞

css选择器的使用怎么样算是规范呢?感觉公说公有理婆说婆有理?

这个主要是自己用着顺手,一般用id定义外围大框架,因为id优先级最高这样做不会出现框架问题,只要在调整框架里边的小块儿就行了。剩下的基本都用clss,有需要可以用一些子选择器什么的

css选择器执行的顺序是什么样的?css选择器执行的顺序中id,

优先级从上到下为:

ID 最高

元素 最低

css选择器的1.13 UI元素状态伪类选择器

:enabled,指定元素处于可用状态时的样式,一般用于input,select和textarea:disabled,指定元素处于不可用状态时的样式,一般用于input,select和textarea

:read-only,指定元素为只读状态时的样式,FF为-moz-read-only,一般用于input和textarea:read-write,指定元素为只可写状态时的样式,FF为-moz-read-write,一般用于input和textarea:checked,指定元素被选中状态时的样式,FF为-moz-checked一般用于checkbox和radio:default,指定元素默认选中的样式,一般用于checkbox和radio:indeterminate,指定默认一组单选或复选都没被选中的样式,只要有一个被选中则样式被取消,一般用于checkbox和radio::selection,指定元素处理选中状态时的样式,可用于所有元素,上面的几个基本上只用于表单元素;!lte8FF为::-moz-selection,不能用群组选择器来写;::selection {background-color: #ffc; color: #fff}::-moz-selection {background-color: #ffc; color: #fff}

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

:first-of-typep:first-of-type选择属于其父元素的首个

元素的每个

元素。

:last-of-typep:last-of-type选择属于其父元素的最后

元素的每个

元素。

:only-of-typep:only-of-type选择属于其父元素唯一的

元素的每个

元素。

:only-childp:only-child选择属于其父元素的唯一子元素的每个

元素。

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

元素。

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

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

元素的每个

元素。

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

:last-childp:last-child选择属于其父元素最后一个子元素每个

元素。

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

:emptyp:empty选择没有子元素的每个

元素(包括文本节点)。

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

:enabledinput:enabled选择每个启用的 元素。

:disabledinput:disabled选择每个禁用的 元素

:checkedinput:checked选择每个被选中的 元素。

:not(selector):not(p)选择非

元素的每个元素。

::selection::selection选择被用户选取的元素部分。下本css3手册不就一目了然了

谁告诉你:html5的css3 这个概念,html5是html5,css3是css3,没有谁属于谁。

发表评论

表情:
评论列表 (有 0 条评论,161人围观)

还没有评论,来说两句吧...

相关阅读

    相关 CSS 选择

    对css的伪类选择器真的是又爱又恨,每次都很完美的被搞混了,还是得做一下总结。   1.  :nth-of-type(n)   选择第n个元素 1 <div