精华内容
下载资源
问答
  • CSS3新增伪类有哪些?
    2022-04-05 13:29:40

    一、写在前面
    css3中新增了很多的伪类,下面我们将对新增的伪类进行总结。
    二、总结
    2.1、elem:nth-child(n)选中父元素下的第n个子元素,并且在这个子元素的标签名为elemn可以接受具体的数值,也可以接受函数。
    2.2、elem:nth-last-child(n)作用同上,不过是从后开始查找。
    2.3、elem:last-child选中最后一个子元素。
    2.4、elem:only-child如果elem是父元素下唯一的子元素,则选中之。
    2.5、elem:nth-of-type(n):查找第n个elem标签的元素。可以为一个函数。
    2.6、elem:first-of-type:选中父元素下第一个elem类型的元素。
    2.7、elem:last-of-type:选中父元素下最后一个elem类型的元素。
    2.8、elem:only-of-type:如果父元素下的子元素只有一个elem类型的元素,则选中该元素。
    2.9、elem:empty:选中不包含子元素和内容的elem类型的元素。
    2.10、elem:target:选中当前活动的elem元素。
    2.11、:not(elem):选择非elem元素的每一个元素。
    2.12、:enabled:控制表单控件的禁用状态。
    2.13、:disabled:控制表单的禁用状态。
    2.14、:checked单选框和复选框被选中。

    更多相关内容
  • CSS3新增伪类举例

    千次阅读 2018-08-09 10:07:30
    CSS伪类:用于向某些选择器添加特殊的效果。   CSS伪元素:用于将特殊的效果添加到某些选择器。元素代表了某个元素的子元素,这个子元素虽然在逻辑上存在,但却并不实际存在于文档树中。   元素 作用 ...

    1. 伪类与伪元素

    CSS伪类:用于向某些选择器添加特殊的效果。

     

    CSS伪元素:用于将特殊的效果添加到某些选择器。伪元素代表了某个元素的子元素,这个子元素虽然在逻辑上存在,但却并不实际存在于文档树中。

     

    伪元素作用
    ::first-letter将样式添加到文本的首字母
    ::first-line将样式添加到文本的首行
    ::before在某元素之前插入某些内容
    ::after在某元素之后插入某些内容

     

    伪类的效果可以通过添加一个实际的类来达到,而伪元素的效果则需要通过添加一个实际的元素才能达到,这也是为什么他们一个称为伪类,一个称为伪元素的原因。

    CSS3为了区分伪类和伪元素,已经明确规定了伪类用一个冒号来表示,而伪元素则用两个冒号来表示。但因为兼容性的问题,所以现在大部分还是统一的单冒号,但是抛开兼容性的问题,我们在书写时应该尽可能养成好习惯,区分两者。

    单冒号(:)用于CSS3伪类,双冒号(::)用于CSS3伪元素。伪元素由双冒号和伪元素名称组成。不过浏览器需要同时支持旧的已经存在的伪元素写法,比如:first-line、:first-letter、:before、:after等,而新的在CSS3中引入的伪元素则不允许再支持旧的单冒号的写法。

     

    2、CSS3新增伪类

     

    新增伪类作用
    p:first-of-type选择属于其父元素的首个<p>元素的每个<p>元素。
    p:last-of-type选择属于其父元素的最后<p>元素的每个<p>元素。
    p:only-of-type选择属于其父元素唯一的<p>元素的每个<p>元素。
    p:only-child选择属于其父元素唯一的子元素的每个<p>元素。
    p:nth-child(n)选择属于其父元素的第n个子元素的每个<p>元素。
    p:nth-last-child(n)选择属于其父元素的倒数第n个子元素的每个<p>元素。
    p:nth-of-type(n)选择属于其父元素第n个<p>元素的每个<p>元素。
    p:nth-last-of-type(n) 选择属于其父元素倒数第n个<p>元素的每个<p>元素。
    p:last-child选择属于其父元素最后一个子元素的每个<p>元素。
    p:empty选择没有子元素的每个<p>元素(包括文本节点)。
    p:target 选择当前活动的<p>元素。
    :not(p)选择非<p>元素的每个元素。
    :enabled控制表单控件的可用状态。
    :disabled 控制表单控件的禁用状态。
    :checked 单选框或复选框被选中。
    伪类作用
    :hover将样式添加到鼠标悬浮的元素
    :active将样式添加到被激活的元素
    :focus将样式添加到获得焦点的元素
    :link将样式添加到未被访问过的链接
    :visited将样式添加到被访问过的链接
    :first-child将样式添加到元素的第一个子元素
    :lang定义指定的元素中使用的语言
    展开全文
  • CSS3新增伪类举例

    千次阅读 2017-05-03 08:36:04
    p:first-of-type 选择属于其父元素的首个 元素的每个 元素。  p:last-of-type 选择属于其父元素的最后 元素的每个 元素。  p:only-of-type 选择属于其父元素唯一的 元素的每个 元素。  p:only-child 选择...
        p:first-of-type 选择属于其父元素的首个 <p> 元素的每个 <p> 元素。
        p:last-of-type  选择属于其父元素的最后 <p> 元素的每个 <p> 元素。
        p:only-of-type  选择属于其父元素唯一的 <p> 元素的每个 <p> 元素。
        p:only-child    选择属于其父元素的唯一子元素的每个 <p> 元素。
        p:nth-child(2)  选择属于其父元素的第二个子元素的每个 <p> 元素。
        :enabled、:disabled 控制表单控件的禁用状态。
        :checked,单选框或复选框被选中。
    展开全文
  • [css] CSS3新增伪类有哪些并简要描述

    多人点赞 2021-02-15 10:42:30
    [css] CSS3新增伪类有哪些并简要描述 个人简介 我是歌谣,欢迎和大家一起交流前后端知识。放弃很容易, 但坚持一定很酷。欢迎大家一起讨论 主目录 与歌谣一起通关前端面试题

    [css] CSS3新增伪类有哪些并简要描述

    在这里插入图片描述

    个人简介

    我是歌谣,欢迎和大家一起交流前后端知识。放弃很容易,
    但坚持一定很酷。欢迎大家一起讨论

    主目录

    与歌谣一起通关前端面试题

    展开全文
  • CSS新增伪类举例

    2020-03-04 19:09:38
    element:first-of-type:父元素中第一个element元素 element:last-of-type:父元素中最后一个element元素 element:only-of-type:父元素中唯一一个element元素 element:nth-of-type(n):父元素中第n个element类型的...
  • html5 / css3 基础篇(第一篇) 回顾 是的,你没看错!今天是一个全新的开始,今天这一讲我们就要开始h5和c3了,html 和 css的基础篇我们都告一段落了。html一共两篇,css走过了7篇,如果基础不太熟悉的话,建议多看...
  • CSS 选择符: 1) id选择器(# myid) 2) 选择器(.myclassname) 3) 标签选择器(div, h1, p) 4) 相邻选择器(h1 + p) 5) 子选择器(ul > li) 6) 后代选择器(li a) ...9) 伪类选择器(a: hover, li:nth-child) ...
  • css选择器有哪些 1.Id选择器(#id) ...9.伪类选择器 (a:hover) 可继承:font-sizefont-familycolor,ULLIDLDDDT; 不可继承:borderpaddingmarginwidthheight;* 优先级就近原则,样式定义最近者为准;*载入样
  • 这些都是一些面试碰到了,自己感觉回答的不太全面,到网上找资料整理的问题(具体不太记得从哪里找来的资料,写下来方便日后查看):CSS 选择符有以下这些:id选择器(# myid)选择器(.myclassname)标签选择器...
  • 选择器(.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)可...
  • CSS3新增伪类有那些? 1.id选择器( # myid) 2.选择器(.myclassname) 3.标签选择器(div, h1, p) 4.相邻选择器(h1 + p) 5.子选择器(ul &amp;gt; li) 6.后代选择器(li a) 7.通配符选择器( * ) 8....
  • CSS3新增伪类

    2018-02-27 15:25:50
    CSS3新增伪类举例: p:first-of-type p:last-of-type p:only-of-type p:only-child p:nth-child(2) :after :before:not()
  • CSS 选择符: 1.id选择器(# myid) 2.选择器(.myclassname) 3.标签选择器(div, h1, p) 4.相邻选择器(h1 + p) 5.子选择器(ul > li) ...9.伪类选择器(a: hover, li:nth-child) 可继承的样式: 1....
  • css3新增伪类

    2018-03-05 20:37:56
    css3新增伪类举例:p:first-of-type 选择属于其父元素的首个 &lt;p&gt; 元素的每个 &lt;p&gt; 元素。p:last-of-type 选择属于其父元素的最后 &lt;p&gt; 元素的每个 &lt;p&gt; 元素...
  • CSS3 新增 伪类有那些? ** CSS选择符 1.id 选择器( # myid) 2.选择器(.myclassname) 3.标签选择器(div, h1, p) 4.相邻选择器(h1 + p) 5.子选择器(ul < li) 6.后代选择器(li a) 7.通配符选择器...
  • css3提供的新选择器之前,选择一个元素需要借助id或者class,css3新增的选择器可以更灵活的去选择需要的元素,那css3提供了哪些好用的选择器呢?首先就是属性选择器,我们可以通过属性选择器在同样的标签/中选择...
  • CSS3 新增伪类有哪些? 答案解析: id 选择器(#myid) 选择器(.myclassname) 标签选择器(div,h1,p) 相邻选择器(h1 + p) 子选择器(ul &gt; li) 后代选择器(li a)...
  • CSS 选择符: id选择器(# myid) 选择器(.myclassname) 标签选择器(div, h1, p) 相邻选择器(h1 + p) 子选择器(ul >...伪类选择器(a: hover, li:nth-child) 优先级算法: 优先级就...
  • css选择符有哪些,那些属性可以继承,优先级算法如何计算,css3新增伪类有哪些 CSS 选择符: 1.id选择器(# myid) 2.选择器(.myclassname) 3.标签选择器(div, h1, p) 4.相邻选择器(h1 + p) 5.子选择器(ul > li) ...
  • 结构伪类选择器1.介绍2. 补充3.所有结构伪类选择器举例
  • CSS3新增伪类有那些?CSS新增了哪些特性?下面我整理了一些,仅供参考。CSS 选择符:1) id选择器(# myid)2) 选择器(.myclassname)3) 标签选择器(div, h1, p)4) 相邻选择器(h1 + p)5) 子选择器(ul &gt; ...
  • css3新增的选择器

    2021-10-21 10:44:22
    CSS3 给我们新增了选择器,可以更加便捷,更加自由的选择目标元素。 1.回顾一下旧的选择器 标签选择器 即是html标签名作为选择器 举例: <p>标签选择器</p> p { color: yellow; } 这里有个p...
  • css3提供的新选择器之前,选择一个元素需要借助id或者class,css3新增的选择器可以更灵活的去选择需要的元素,那css3提供了哪些好用的选择器呢?首先就是属性选择器,我们可以通过属性选择器在同样的标签/中选择...
  • 一、css3新增选择器 1、兄弟选择器 相邻兄弟选择器 E + F { } 紧挨选择器E后的那个兄弟选择器F /* 相邻兄弟选择器,该代码意思是选择紧邻div后的那一个span元素,且只有第一个span会被选中。 */ div+span{ ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 2,568
精华内容 1,027
关键字:

css3 新增伪类举例

友情链接: Genetic-Algorithm.rar