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

素颜马尾好姑娘i 2023-09-26 13:10 24阅读 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 条评论，24人围观）

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

相关阅读

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

css选择器的使用怎么样算是规范呢？感觉公说公有理婆说婆有理? 这个主要是自己用着顺手，一般用id定义外围大框架，因为id优先级最高这样做不会出现框架问题，只要在调整框架

素颜马尾好姑娘i/ 2023年09月26日 13:10/ 0 赞/ 25 阅读

相关 04-CSS选择器：伪类

伪类（伪类选择器）伪类：同一个标签，根据其不同的种状态，有不同的样式。这就叫做“伪类”。伪类用冒号来表示。比如div是属于box类，这一点很明确，就是属于box类。

待我称王封你为后i/ 2023年06月04日 06:58/ 0 赞/ 20 阅读

相关 CSS 选择器 and 伪类/伪元素

CSS 选择器优先级：!important > 行内样式 > ID选择器 > 类选择器 > 元素 > 通配符 > 继承 > 浏览器默认属性伪类选择器，分为：链接伪类选择器，

谁践踏了优雅/ 2022年12月21日 04:56/ 0 赞/ 258 阅读

相关 CSS3 选择器——伪类选择器

前面花了两节内容分别在《[CSS3选择器——基本选择器][CSS3]》和《[CSS3选择器——属性选择器][CSS3 1]》介绍了[CSS3选择器][CSS3 2]中的基本选择

た入场券/ 2022年06月10日 05:24/ 0 赞/ 386 阅读

相关 CSS伪元素选择器

伪元素选择器 < !–隐藏标签–> 每个标签都有开始：before 结束：after <p> <before> </before> < !--默

水深无声/ 2022年04月03日 12:13/ 0 赞/ 379 阅读

相关 css伪类选择器

[查看demo][demo] <style> p:last-child{ background-color: ccc; } div>:not(p){ color: b

你的名字/ 2021年12月09日 03:33/ 0 赞/ 396 阅读

相关 CSS 伪类选择器

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

小灰灰/ 2021年10月19日 04:46/ 0 赞/ 496 阅读

相关 [log] css选择器、伪类、伪元素

选择器 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLm

以你之姓@/ 2021年09月17日 09:04/ 0 赞/ 435 阅读

相关 css伪类、伪元素选择器

`1.伪类选择器` 条件一：根据元素不同的状态，自动选择不同的样式。或条件二，直接添加一个class，再给这个class添加特定的样式。 A.伪类的语法：（

忘是亡心i/ 2021年09月14日 00:14/ 0 赞/ 592 阅读

相关 css 伪类选择器

链接伪类选择器改变子元素样式，子元素必须写在hover后，前面写父元素标签如body:hover div{} ; 改变body标签内的div样式

╰+哭是因爲堅強的太久メ/ 2021年07月24日 20:54/ 0 赞/ 550 阅读