点击伪元素变色<head> <style type="text/css"> </style> </head> <body

<head>

<style type="text/css">

    .green::after{
        content:"";
        width:50px;
        height:50px;
        background-color:green;
        display:inline-block;
    }
    .yellow::after{
        content:"";
        width:50px;
        height:50px;
        background-color:yellow;
        display:inline-block;
    }

</style>

</head>

<body>

<div class="green" style="float:left;width:100px;height:100px;background-color:red;"></div>

<script type="text/javascript">

var div = document.getElementsByTagName("div")[0];
div.onclick = function(){
    div.className = "yellow"//改变类
}

3.3-06-21 223036.jpg

3.3-06-21 223057.jpg