相关疑难解决方法(0)

有没有办法使用jQuery 选择/操作CSS伪元素,如::before和::after(以及带有一个分号的旧版本)？

例如,我的样式表具有以下规则:

.span::after{ content:'foo' }

如何使用jQuery将'foo'更改为'bar'？

我正在构建React组件.我在组件中添加了CSS inline,正如React背后的人之一所展示的那样.我一直在努力寻找一种方法来内联添加CSS伪类,比如在演示文稿中标题为":: after"的幻灯片上.不幸的是,我不仅需要添加content:"";属性,还需要position:absolute; -webkit-filter: blur(10px) saturate(2);.幻灯片显示了如何添加内容{/* … */},但是如何添加其他属性？

我想知道是否有可能获得::before由CSS3设置的DOM元素的内容.

我尝试了一些方法,但我仍然无法做到,所以这对我来说非常困惑!

// https://rollbar.com/docs/

const links = document.querySelectorAll(`ul.image-list a`);

links[0];
// <a href="/docs/notifier/rollbar-gem/" class="ruby">::before Ruby</a>

links[0];
//

links[0].textContent;
//"Ruby"

links[0].innerText;
// "Ruby"

links[0].innerHTML;
// "Ruby"

// ??? links[0]::before;

情况就是这样:

我在UI开发方面没有太多经验.我有一个在CSS中定义的类,类似于此 -

.myclass {
    color: red;
    content: "my content";
    font-size: 12px;
    padding-right: 2px;
}

我希望"my content"价值得到国际化(用英语显示我的内容,用另一种语言显示其他内容).这有可能通过CSS代码实现吗？

我使用 Java Web（Spring 框架）和 LESS 作为 CSS 预处理器。

在我的项目中应用国际化时，我成功地迁移了 JSP 中的每条消息和 message.properties 文件中的 JS 代码。但我不知道是否可以在 CSS/LESS 代码中做同样的事情。我真的需要这样做，因为内容属性中有消息。

我已经看到使用:lang选择器的解决方案，但如果我可以从中央输入文件导入消息会更好。

我想将rel内容转换为Font Awesome CSS图标,因此我不必为简单菜单编写20行.

也许一些代码会让它更容易理解.

我试着这样做:

a:before {content: "\(" attr(rel) ")"; font-family: 'FontAwesome';}

基本上我试图转换内部的值rel 并将其转换为有效的CSS规则.

所以链接看起来像这样:

<a href="http://www.example.com" rel="f291">Example</a>

最终结果应该类似于:

a:before {content: "\f291")"; font-family: 'FontAwesome';}