Question

我不确定是否可以修改也具有伪元素样式的通配符元素。我试图删除烦人的填充，但我没有太多运气。任何帮助，将不胜感激。

这是呈现的HTML。

<div class="row">
    <div class="span6">
        <div id="parent-1">
            ::before
            <div id="child-1">
                <a class="link">
                    <img src="/picture.jpg" alt="">
                    <div class="hint">
                        <span class="hint-message">Hint Text</span>
                    </div>
                </a>
            </div>
            ::after
        </div>
</div>
<div class="row">
    <div class="span6">
        <div id="parent-2">
            ::before
            <div id="child-2">
                <a class="link">
                    <img src="/picture.jpg" alt="">
                    <div class="hint">
                        <span class="hint-message">Hint Text</span>
                    </div>
                </a>
            </div>
            ::after
        </div>
</div>

我想修改＆＃34;：＆＃34; css伪元素被证明有点挑战..甚至不确定它是否在技术上可行，因为它不是真正的元素？

这是我到目前为止所尝试的内容

div[id^="child-"]:after{ padding:0px !important;}

也试过这个

#child-*:after{ padding:0px !important;}

和这个

:after { padding:0px !important;}

Answer 1

div[id^="child-"]:after{ padding:0px !important;}

这对我有用。我创建了一个demo here。我认为＆＃34;恼人的填充＆＃34;是由其他原因引起的。你能提供css吗？

修改伪元素和wilcard选择

1 个答案: