是否可以将nth-child值用作属性中的参数？(如何)

作者：凌子的夏天_952 | 来源：互联网 | 2023-05-18 14:37

如何解决《是否可以将nth-child值用作属性中的参数？(如何)》经验，为你挑选了1个好方法。

1> feihcsim..：

CSS变量几乎在所有现代浏览器上都具有通用支持，并且可以实现与@GreatBlake的答案attr几乎相同的预期效果。除了可以在用户定义的属性中定义数据外，还可以将其定义为属性中的自定义属性，style并使用以下var()函数获取这些自定义属性的值：



span.anim {
  animation-delay: calc(var(--n) * 0.5s);
}




    
        
                        css
                        css3
                        select
                        io
                    
    



    
        写下你的评论吧 !
        
            
                吐个槽吧,看都看了
            
            
                
                                        会员登录 | 用户注册
                                    
                
            
        

        
    

    
        推荐阅读
        
            
                                
                    
                        select
                        CSS3选择器的使用方法详解，提高Web开发效率和精准度
                    

                    
                                                
                            
                        
                                                
                        本文详细介绍了CSS3新增的选择器方法，包括属性选择器的使用。通过CSS3选择器，可以提高Web开发的效率和精准度，使得查找元素更加方便和快捷。同时，本文还对属性选择器的各种用法进行了详细解释，并给出了相应的代码示例。通过学习本文，读者可以更好地掌握CSS3选择器的使用方法，提升自己的Web开发能力。 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-12-14 14:37:52
                    

                

                
                                
                    
                        select
                        javascript  – 概述在Firefox上无法正常工作
                    

                    
                                                
                            
                        
                                                
                        我试图提出一些自定义大纲,以达到一些Web可访问性建议.但我不能用Firefox制作.这就是它在Chrome上的外观：而那个图标实际上是一个锚点.在Firefox上,它只概述了整个 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-12-14 10:20:38
                    

                

                                
                    
                    
                
                
                                
                    
                        select
                        高质量SQL书写的30条建议
                    

                    
                                                
                            
                        
                                                
                        本文提供了30条关于优化SQL的建议，包括避免使用select *，使用具体字段，以及使用limit 1等。这些建议是基于实际开发经验总结出来的，旨在帮助读者优化SQL查询。 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-12-13 13:24:33
                    

                

                
                                
                    
                        go
                        css：悬停对当前和上述所有元素的影响 - css :hover effect on current and all elements above
                    

                    
                                                
                        Isthereanywaytostylethislistusingpurecsssoallelementsabovemycursorwillbehighlight ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-10-12 12:00:48
                    

                

                
                                
                    
                        java
                        一篇文章搞定css3 3d效果
                    

                    
                                                
                            
                        
                                                
                        css33d学习心得卡片反转魔方banner图首先我们要学习好css33d一定要有一定的立体感通过这个图片应该清楚的了解到了x轴y轴z轴是什么概念了。首先先给大家看一个小 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-10-11 12:41:15
                    

                

                
                                
                    
                        javascript
                        如何使用JavaScript动态设置CSS3属性值
                    

                    
                                                
                        这篇文章将为大家详细讲解有关如何使用JavaScript动态设置CSS3属性值，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-10-11 05:24:06
                    

                

                
                                
                    
                        go
                        前端实用的CSS3技巧有哪些
                    

                    
                                                
                            
                        
                                                
                        本文小编为大家详细介绍“前端实用的CSS3技巧有哪些”，内容详细，步骤清晰，细节处理妥当，希望这篇“前端实用的CSS3技巧有哪些”文章能帮助大家 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-09-25 13:50:50
                    

                

                
                                
                    
                        javascript
                        引导woff2字体没有正确加载。 - Bootstrap woff2 font not getting loaded correctly
                    

                    
                                                
                        Bootstrapfontnotloadingcorrectlyglyphicons-halflings-regular.woff2.引导字体没有正确加载符号-halflingr ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-09-24 18:22:46
                    

                

                
                                
                    
                        javascript
                        CSS3你可能不知道的冷知识
                    

                    
                                                
                        可能我们在看一些网页的源码时会发现自己从来没见过的属性或用法今天我就来总结一下CSS3的冷知识样式计算在CSS中也可以进行简单的计算通过calc函数可以实现这样还可以使我们的 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-09-24 12:20:45
                    

                

                
                                
                    
                        go
                        前端每日实战 2018年10月至2019年6月项目汇总（共 20 个项目）
                    

                    
                                                
                            
                        
                                                
                        过往项目2018年9月份项目汇总（共26个项目）2018年8月份项目汇总（共29个项目）2018年7月份项目汇总（共29个项目）2018年6月份项目汇总（共27个项目）2018年5 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-09-18 20:39:06
                    

                

                
                                
                    
                        go
                        CSS3背景颜色渐变效果
                    

                    
                                                
                        1.CSS3透明度渐变（从左到右）#grad{background:-webkit-linear-gradient(left,rgba(198,226,255,1),rgba(19 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-09-17 20:26:32
                    

                

                
                                
                    
                        utf-8
                        css3基础学习笔记
                    

                    
                                                
                        1、给边框加上圆角及阴影，如下代码：<!DOCTYPEhtmlPUBLIC"-W3CDTDHTML4.01TransitionalEN"" ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-09-17 19:38:46
                    

                

                
                                
                    
                        js
                        css设置尖角按钮
                    

                    
                                                
                        http:js.alixixi.coma2014021292298.shtmlhttp:w3cshare.comexample?pid134http:w3cshare.comc ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-09-17 13:26:50
                    

                

                
                                
                    
                        go
                        在DIV内垂直居中UL - Centering Vertically an UL inside a DIV
                    

                    
                                                
                            
                        
                                                
                        iamtryingtomakeanavigationmenuinsidea200pxx200pxsquare,thisnavigationlist(UL)chang ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-09-16 19:05:52
                    

                

                
                                
                    
                        select
                        如何限制php数据库链接数和连接超时时间？
                    

                    
                                                
                        本文介绍了如何使用php限制数据库插入的条数并显示每次插入数据库之间的数据数目，以及避免重复提交的方法。同时还介绍了如何限制某一个数据库用户的并发连接数，以及设置数据库的连接数和连接超时时间的方法。最后提供了一些关于浏览器在线用户数和数据库连接数量比例的参考值。 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-12-14 14:06:10

















    

    
        
            
            
                
                
            

            
                凌子的夏天_952            

            
                这个家伙很懒，什么也没留下！            


        
    

    
    

    
    

    
        Tags | 热门标签
        
            
                                
                    copy
                
                                
                    range
                
                                
                    js
                
                                
                    require
                
                                
                    match
                
                                
                    web
                
                                
                    solr
                
                                
                    python3
                
                                
                    buffer
                
                                
                    c语言
                
                                
                    go
                
                                
                    plugins
                
                                
                    java
                
                                
                    express
                
                                
                    spring
                
                                
                    foreach
                
                                
                    stream
                
                                
                    bit
                
                                
                    httpclient
                
                                
                    javascript
                
                                
                    utf-8
                
                                
                    substring
                
                                
                    regex
                
                                
                    settings
                
                                
                    cookie
                
                                
                    tags
                
                                
                    select
                
                                
                    scala
                
                                
                    loops
                
                                
                    vba
                
                                
            
        
    

    
    
        
            
            
        
        RankList | 热门文章
        
            
                                
                    1网络共享计算机权限访问,共享计算机无法访问,您可能没有权限使用网络资源....
                
                                
                    2PHP 青蛙跳台阶算法，每次可以跳1级或两级，请问有n级台阶有多少种算法
                
                                
                    3Prometheus Grafana实现对Linux Kubernetes Nginx  的监控系统
                
                                
                    4javascript性能优化之使用对象、数组直接量代替典型的对象创建和赋值
                
                                
                    5PHP socket服务端与客户端的简易通信
                
                                
                    6Java2中的2是什么意思
                
                                
                    7git 快捷方式
                
                                
                    8Gitflow
                
                                
                    9macOS系统正式加入Thunderbolt 3外接显卡支持，选Intel显卡or AMD显卡？
                
                                
                    10存储状态数据
                
                                
                    11MFC六大核心机制【动态创建】
                
                                
                    12bootstarp 之 简单表格$(function () { console.log(); //1.初始化Table var oTable = new TableInit(
                
                                
                    13作业一、安装Ubuntu系统
                
                                
                    14ASP.NET MVC5+EF6+EasyUI 后台管理系统（67）
                
                                
                    15mongodb压缩——snappy、zlib块压缩，btree索引前缀压缩