请问一个元素的两个伪元素该如何连接

请问一个元素的两个伪元素该如何连接

请问,

当我给一个input添加一个 :after 后,

我想给这个 input:after  添加 :not(last-of-type)或

 input:after    :hover          请问这样应该用什么选择器连接,

正在回答

登陆购买课程后可参与讨论,去登陆

6回答

li:after:not(:last-of-type)这种对法是不对的,如果如果想对某个li进行after操作,那你就需要先将对象li选取出来,例如:然后在添加:after伪类。

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>Document</title>

    <style type="text/css">

        li:last-child:after{

            content:"";

            display: block;

            width:100px;

            height: 100px;

            border:1px solid #ccc;

        }

    </style>

</head>

<body>

    <ul>

        <li>1</li>

        <li>2</li>

        <li>3</li>

        <li>4</li>

    </ul>

</body>

</html>

像你写的那种:after:hove是不可以链接使用的,如果想对伪类元素进行交互事件,可以通过js实现

  • 您这样回答就对了嘛,我就是想知道下同时有两个伪元素该怎么写,因为我之前一直时li::after:not(:last-of-type) 相类似的一直不能实现,但li:after:hover这时却能实现,原来是顺序反了,谢了。
    2017-08-24 15:14:15
北极贝 2017-08-23 16:42:36

可以写成 nav > a:not(:last-of-type):hover{ background:#69F;} 翻译是:nav中的最后一个a鼠标经过时不变颜色

北极贝 2017-08-23 16:40:05

可以这样写nav > a:not(:last-of-type):hover{ background:#69F;}

怎么都被占用了呢 2017-08-21 16:13:44

不能像你说的那样连接使用的

  • 所以我就是问 要怎么使用,怎样写啊? 能否回答问题 答重点, 我的重点不是我这样使用对不对,是要怎么使用!!!! 假如有5个li , 在不是给其一个类选择器的时候, 我给 li添加了一个 after , 但我要给这5个li:after 添加border-right, 所以要用到 :not(:last-of-type) 是否直接li:after:not(:last-of-type) 我的写法对不对请 讲! 不对的话该怎么写请 教! 类似这样的有两个伪元素的怎么连接!如同交集选择器那样没有任何符号连接吗! 别跟我说 给最后一个li赋class,我想知道的是 类似这种 需要用到两个伪元素还是啥的时候 有 :after:hover 这样 :befoer:hover li:last-child:hover 等等这样的时候是否直接写 无需任何符号连接
    2017-08-21 18:34:05
提问者 qq_没有名称的昵称_0 2017-08-21 13:39:18

怎么个单独写? 你确定看懂了我的问题? 

我问的是           input:after  添加 :not(last-of-type)           是不是 input:after:not(last-of-type)      这样写,

 input:after :hover        是不是这样写?            我是要在input 这个元素或其他元素的 伪元素 after这玩意添加:hover 或其他与其相似的伪元素

Miss路 2017-08-20 18:59:39

不能链接,只能单独写。

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
HTML5与CSS3实现动态网页 2018
  • 参与学习       1887    人
  • 提交作业       4643    份
  • 解答问题       5760    个

有HTML和CSS基础,却不知道如何进阶?本路径带你通过系统学习,完成从“会做网页”到“做出好的动态网页”的蜕变,迈出成为前端工程师的第一步。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师