pseudo-element

    0热度

    1回答

    我在链接的左侧使用了图像。 现在,我使用:: before属性来显示图像,但它显示在链接上方。 我需要让它对齐。这里有一个图: Link 我正在使用的代码是: .vocabulary-duration::before { content: ""; float: left; font-family: "FontAwesome"; font-size: 18p

    1热度

    3回答

    我已经看到了你可以使用各种类型的计数器,作为公认的回答这个问题描述:CSS Pseudo Element Counters: can you increment an alphabet letter "a", "b", "c", etc instead of a number? 但是,是否有可能通过一个浮动,例如递增0.5?这将使的,比如说一个列表,3.0,3.5,4.0,4.5,等 这是我一直试

    1热度

    3回答

    比方说,我有一个输入显示基于某个数据属性的伪元素,并将其定位在输入的正上方,因此它充当标签。标签按预期工作,但我想根据其他参数对其进行定制,特别是,如果输入具有“必需”类,我希望在标签旁边显示红色星号。是否有可能将伪元素相对于:before伪元素进行定位? 下面是一个例子: .flex-form .field[data-label]:before { content: attr(data

    1热度

    1回答

    下面是我对伪元素忽略填充的解决方案,但它感觉有点“哈克”,因为我在伪元素上使用了负余量。 此解决方案是否正常? 我也尝试使用left: 0; top: 0;,但后来我得到了我的伪元素相对于页面的主体,而不是元素。为什么? CSS: .block-header { background-color: #3A658B; height: 30px; width: 100%;

    0热度

    1回答

    所以我一直试图在after元素中得到一个换行符,并且我遇到了(我认为)是一个有趣的怪癖。 #fourth figcaption:before { content: 'Figure \A' attr(title) ' '; white-space: pre-wrap; } 这工作如何,我想和我在属性的内容之前得到一个换行符。 如何从内存中完全取得内容停止渲染。 #fift

    0热度

    1回答

    我想通过使用::之前和::之后将文本放在括号中的特定表格单元格中。单元格内容本身是从高级自定义字段的形式中提取出来的,理论上讲,它将插入在括号之间。 我有以下的CSS #ingredients td:nth-child(4)::before {content:"(";} #ingredients td:nth-child(4)::after {content:")";} 开幕括号,因为它应该

    1热度

    1回答

    内部应用伪元素CSS选择我有一个聚合物2 paper-input,其保持时间: <paper-input type="date"></paper-input> 当此呈现的实际<input>是影子DOM用于控制内部。 我想使用伪元素选择器::-webkit-inner-spin-button来设置Chrome中的微调按钮的样式。 在Polymer 1/Shadow DOM v0中,我可以使用/d

    0热度

    1回答

    我想在悬停在我的列表元素(或者我的锚点标签在这些列表元素中)时创建一个过渡效果。 不幸的是,当我使用我创建的transition :: :: before伪元素(或者:: after,我不确定)隐藏技术上它的同级内容是什么,那是锚标签中的文本。 我试着在ul,li和一个标签上操作z-index无济于事。这个问题可能出现在我对位置的使用中:绝对在我的转换中,但我无法知道我做错了什么。 这里的HTML

    0热度

    1回答

    我只想在内容出现时显示标签。 这不起作用: https://jsfiddle.net/9g0amsh1/ .views-field-field-documents .field-content:not(:empty):before { content: "Documents associés : "; float: left; } <div class="view

    0热度

    2回答

    是否可以添加一个变量到伪元素的jquery字符串选择器?我已经尝试了下面的两个代码,但都没有看到工作,请你帮助我? $(function() { $("option").click(function(){ var filt1 = $(this).attr('id'); $("#filter2 option[class!=filt1]").hide(); $("#fi