[分享]css中 after不起作用

关于CSS中的after选择器不起作用，可能有多种原因，需要逐步排查。第一点是检查选择器的书写是否正确，after选择器是通过增加 ":after" 来指定的，在样式表中必须正确书...

关于CSS中的after选择器不起作用，可能有多种原因，需要逐步排查。

第一点是检查选择器的书写是否正确，after选择器是通过增加 ":after" 来指定的，在样式表中必须正确书写才能解析起作用。

p:after{
    content:"";
    display:block;
    height:20px;
    width:20px;
    background-color:red;
} 

第二点是检查after选择器是否控制了正确的元素。在CSS中，after选择器只对已存在的元素添加样式，而不能作用于未存在的元素。

p:after{
    content:"";
    display:block;
    height:20px;
    width:20px;
    background-color:red;
} 

第三点是检查元素的属性是否与after选择器相矛盾。如果某个元素具有 important 属性，则可能会破坏after选择器的样式，使其失效。

p:after{
    content:"";
    display:block !important;
    height:20px;
    width:20px;
    background-color:red;
} 

如果以上这些方法都没有解决after选择器不起作用的问题，可能需要对代码进行深入分析，找出其他可能的问题解决。