pseudo-element

    0热度

    2回答

    我有一个Bootstrap列表组,其中包含图标项目。我试图从列表组中删除第一个图标。我怎样才能做到这一点?这里是我的代码: <ul class="list-group" id="vacationList"> <li class="list-group-item text-center" id="vacationListTitle">Our in-home pet care incl

    1热度

    3回答

    以下是我的代码,其中我试图将红色底部应用于div,方式如下:50px左右分别为margin,然后拉伸至最大宽度,但不知何故它正在向左移动。让我知道我该如何让中间出现在div底部,左右两侧留有50px的空间。 也让我知道为什么::after元素是从中心创建比从最左边。 [参考其创作的图像]。 HTML - <div class="container"> <h1>This is a simp

    0热度

    1回答

    我已经创建了一个破碎的边框效果,但我不想在边框的末端进行锐利的外观,我希望它可以装箱。我已经搞砸了border-radius和我所能想到的一切,但不能想到任何事情。任何输入将不胜感激。 我想它看起来像这样: .container{padding-top: 40px;} a h3{margin-top:0!important;} .col-sm-15{ width: 18%

    0热度

    2回答

    我目前正试图加快网站的加载时间。当我接受这个项目时,会出现翻转图像,这些图像会使图像变亮,以略微表示您已经过了'类别'。我知道你可以在css中做到这一点,而不必使用两个完全相同的图像(第二个稍微亮一些)。我使用after属性来添加具有较高z-索引的白色背景,并且具有轻微的不透明度模仿这个想法。 在上一个主页中,这些“类别图像”是可点击的,但是在执行:after伪元素后,图像周围的链接消失了。 这是

    1热度

    3回答

    我想建立如下的布局: 优选我想只使用CSS了点。但即使有背景图片,我也不知道如何构建它。我搜索了网页,但没有找到我需要的帮助。 该布局包含一个div,其中包含一些文本。背景颜色是浅灰色。然后,我想添加一个较暗的三角形背景,如图所示。这也应该作为响应式布局来工作。 我的尝试: # html <div class="wrapper"> <h1>Das ist ein test</h1>

    0热度

    2回答

    元素之后我有一些漂亮的CSS: $itemHeight: 40px; $arrowModifier: 8; $pageBackgroundColor: $color-gray-50; .processBar { display: flex; flex-wrap: wrap; &_item { display: inline-block;

    1热度

    1回答

    当我将鼠标悬停在div上时发射了几个效果。问题是div也有伪元素:: after,它使用内容CSS规则用虚拟元素(播放按钮)填充div。 当我悬停除了:: after元素所在空间以外的div的任何部分时,我的悬停效果就起作用。 简单地说,我想知道是否有方法使用jQuery指向:: after元素。我试图将:: after元素定义为一个名为“play”的变量,但是在那里也没有运气。这是我的脚本: v

    1热度

    2回答

    在this page,我想在包含“ADSL宽带1”的灰色框的上方添加一些文本。 我使用下面的CSS规则试过,但它不工作: .vc_tta-panels #adsl .vc_tta-panel-body:before { content: 'text goes here'; } 你能看到这里有什么问题吗?

    3热度

    1回答

    我试图动态编辑那种CSS属性的角2项目,但没有成功:( progress::-moz-progress-bar { background: #278ce2; } 我想在加入正progressbars 。同一页面背景的颜色是由用户选择,并动态切换的想法是一个CSS属性添加到这样创建的每个栏: classname::-moz-progress-bar { ba

    2热度

    1回答

    DOM树中实际不存在伪元素(例如::before或::after)中的内容。所以,通过选择器找到它是不可能的。 问题是,我怎么能提取它的内容?例如: <div>This is <span></span>n apple.</div> ... span::before { content : "a" } shows : This is an apple. 但如果我提取div的文