我有两种字体,Cooper Black 和 Cooper Hilite。我想将它们放在彼此之上,如下图所示:http : //viewerslikeu.squarespace.com/storage/720x360_1.png
有接班人吗?
我有这个简单的 html 代码。我需要能够确定 ::before 是否应用于 .icon-player-flash
<div id="TestSwitch">
<i class="icon-player-html5"></i>
<i class="icon-player-none"></i>
<i class="icon-player-flash"></i>
</div>
Run Code Online (Sandbox Code Playgroud)
我认为这会起作用,但它总是返回 0 长度。
var flashplayer = $(".icon-player-flash:before");
console.log("count: " + flashplayer.length);
Run Code Online (Sandbox Code Playgroud)
我缺少什么?
我想jQuery等效这个CSS代码:
p:before {
content: 'Intro!';
}
Run Code Online (Sandbox Code Playgroud)
我天真地试过,$('p:before').css('content', 'Intro!');但它不起作用.
如何使用jQuery进行伪元素CSS修改?
有没有办法(强有力地)重置新创建的元素的任何可能:after和:beforeCSS规则?
通常,您可以直接设置要在元素上重置的样式规则(!important如果您想确定),但我不知道有什么方法可以更改:after元素中定义的规则.
(只有在可能的情况下才能使用Chrome.)
一个例子在的jsfiddle.
使用:before/ :afterrules 添加的内容会影响返回的值clientHeight.
我有以下CSS:
.example:before {
content: " $ ";
margin-left: 4px;
color: #666;
}
Run Code Online (Sandbox Code Playgroud)
我想使用 jQuery 更改“内容”。我使用什么选择器来访问该元素?
以下代码在标头标记之前添加图像.如何在单击标题之前添加图像时添加javascript或jquery代码来处理某些任务.
h1::before
{
content: url(smiley.gif);
}
Run Code Online (Sandbox Code Playgroud)
Html代码是:
<html>
<body>
<h1>Hi </h1>
</body>
</html>
Run Code Online (Sandbox Code Playgroud) 我有一个CSS文件,指定:after针对类的样式(' view-performance')
使用jQuery(因为我的JS文件包含业务逻辑),如何:after根据业务逻辑删除样式?
这是我的场景,创建了一个divwith CSS并X在之前添加了一个右上角pseudo-class.如何通过在帮助下单击X来关闭此div javascript?
CSS
.validation-summary-errors{
position: absolute;
width: 260px;
padding: 20px;
box-sizing: border-box;
top: 50%;
left: 50%;
background-color: #fff;
text-align: center;
font-size: 14px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: 4px;
border: #000 solid 1px;
box-shadow: #232323 1px 1px 6px;
}
.validation-summary-errors:before {
display: block;
content: "X";
position: absolute;
right: -15px;
top: -15px;
background-color: rgba(0, 0, 0, 0.85);
padding: 5px;
border-radius: 50%;
font-size: 16px;
color: #fff;
width: 29px;
box-sizing: border-box;
}
Run Code Online (Sandbox Code Playgroud)
视图中的HTML(编辑) …
如何更改CSS的伪元素样式?
我正在尝试获取CSS before::规则并将其更改left:为95%或4px。如何在我的上下文中执行此操作?
我也使用进行了一些测试,document.querySelector但是它不起作用,出现了计算只读错误。
有什么建议吗?
例:
.iziToast-wrapper-bottomLeft .iziToast.iziToast-balloon:before {
border-right: 15px solid transparent;
border-left: 0 solid transparent;
right: auto;
left: 8px;
}
Run Code Online (Sandbox Code Playgroud)
if(description_iziToast){
let RightMode = event.x>window.innerWidth/2;
let bubblePosition = document.getElementsByClassName("iziToast-balloon")[0]; // get the div that hold the bubble
let ajustScreenLR = RightMode && document.getElementsByClassName("iziToast")[0].offsetWidth || 0; // halfScreen ajustement
//bubblePosition.style.left = RightMode && '95%' || '4px'; // here i need to change the position in the befor:: attribut …Run Code Online (Sandbox Code Playgroud) 有没有办法使用JS动态改变::after伪元素的文本内容?我正在尝试创建一个表单作为练习(刚刚开始学习 Web 开发),但我无法使用 JS 更改密码字段下的文本。
我希望它告诉用户密码是否太短,或者确认密码字段具有不同的值。
以下是 GitHub 上的所有文件:
https://github.com/mihaib1/sign-up-form
尝试使用在根目录中声明的 CSS 变量,但无法使该变量的值出现在屏幕上,我不知道为什么。另外,当使用 CSS 变量时,只有当我只使用一个单词时它们才会改变。当尝试将变量设置为由多个单词组成的字符串时,使用 setProperty 不会改变它。