pseudo-element

    0热度

    2回答

    我想在某些容器上设置伪元素边框,但排除第三个元素。我想我可以将伪选择器与:not结合使用,例如:div:before:not(nth-child(3)),但它似乎不起作用。 那么:not选择器是否与伪选择器不兼容?在那种情况下,我如何才能使它具有伪元素并排除某些特定元素? (顺便说一句,与伪元素边框的想法是控制边界,让他们留在上面,无论是否有顶部(还没有看到任何重叠,如果它工作虽然) 这里小提琴:

    -2热度

    3回答

    我有问题定位伪元素之后。如果我尝试定位它,它将不会响应。 这是我有: .intro>h1::after { content: ""; display: block; position: absolute; bottom: -140px; width: 100px; left: calc(50% - 50px); border-b

    5热度

    1回答

    我与伪元素的风格演奏和跨困惑我 考虑下面的CSS和HTML HTML行为传来: <p> Note: As a rule, double colons (::) should be used instead of a single colon (:). This distinguishes pseudo-classes from pseudo-elements. However, sin

    0热度

    1回答

    我想这样的创造空间: .gallery-item{ \t overflow: hidden;} \t .gallery-item:after{ \t \t content: "text ...."; \t \t position: relative; \t \t display: block; \t \t t

    -2热度

    1回答

    伪元素在这个example,为什么container需要有伪元素after和before与content: ''和display: table显示灰色的背景?不应该container自动扩展以适应其两个孩子,然后用灰色背景填充负空间而不使用伪元素?

    1热度

    2回答

    我想为某些横幅添加一些颜色...我的横幅只是一个带有背景颜色属性的h1元素,可以拉伸包含元件。 这里是我的CSS: .banner { position: relative; z-index: 1000; padding: 20px; } .banner-blue { background-color: #93DEFF; color: #22

    2热度

    1回答

    之前我有一个元素列表,其中添加了图标作为:before的背景。当标题长度很大时,图像下方会显示文字。 我怎么能做出这个词服务略低于咨询? li>a { position: relative; display: block; } .submenu-icon:before { content: ""; margin-right:

    4热度

    1回答

    我创建了所需的字段的表单伪元素。为了将这些标记为必需,我将一个星号(*)作为::before元素并将其右移,使其位于该字段的右上角。 我遇到的问题是这些字段中的一部分与CSS网格一起定位,当我向网格中添加::before元素时,它被视为另一个网格项,并将所有内容都推送到新的网格行。 为什么CSS网格治疗::before元素作为另一电网项目?我怎样才能让星号像输入元素一样定位? 这里是基本的HTML

    0热度

    1回答

    我试图做一些事情,但它根本不工作。 这看起来很简单,我希望将:before添加到具有背景的元素,但是每次我都这样做时,::before都会放在容器的前面。 .container{ position:relative; z-index:1; background:blue; border:1 px solid white; } .cont

    0热度

    1回答

    我想显示/隐藏图像使用:检查伪类只使用css。 控制台显示没有错误,但点击复选框后无法看到图像。 HTML代码: <!DOCTYPE> <html> <head> <link rel="stylesheet" href="java.css"> </head> <body> <div id="div1"></div> <input t