关于CSS中的after选择器不起作用,可能有多种原因,需要逐步排查。第一点是检查选择器的书写是否正确,after选择器是通过增加 :after 来指定的,在样式表中必须正确书写才能解析起作用。p:a
关于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选择器不起作用的问题,可能需要对代码进行深入分析,找出其他可能的问题解决。
粉丝
0
关注
0
收藏
0