有没有办法使用jQuery 选择/操作CSS伪元素,如::before和::after(以及带有一个分号的旧版本)？
例如,我的样式表具有以下规则:
.span::after{ content:'foo' }
如何使用jQuery将'foo'更改为'bar'？
看完这个问题后,CSS图灵完成了吗？- 它收到了一些深思熟虑的简洁答案 - 它让我想知道:HTML图灵是否完整？
虽然简短的答案是肯定的肯定或否定,但也请提供一个简短的描述或反例来证明HTML是否是图灵完全(显然不能同时).关于其他版本的HTML的信息可能很有趣,但正确的答案应该回答HTML5.
告诉X或Y 是(或不是)编程语言所需的标准或基本功能是什么？
我已经做了一些阅读(是HTML视为一种编程语言？,图灵完备,和其他人),来到一个语言或语法必须结束图灵完整被视为一种编程语言.它是否正确？够了吗？
我如何确定图灵是否完整？有没有具体的标准？
是否具有控制流结构(条件语句和循环)足以被视为图灵完成？
我测试了一些CSS压缩器,说实话,我很失望.也许我只是尝试过错了？
起点如下,故意不好的css代码:
.a{
font-size: 10px;
padding: 0 6px;
text-align: center;
}
.b{
font-size: 11px;
padding: 0 6px;
text-align: center;
}
很明显,在两个类中声明3个属性中的2个属性是无意义的,并导致185个字节的代码.如果你手动更好地编写它会看起来像
.a, .b{
padding: 0 6px;
text-align: center;
}
.a{
font-size: 10px;
}
.b{
font-size: 11px;
}
它有点小(149字节)或甚至
.a, .b{
padding: 0 6px;
text-align: center;
font-size: 10px;
}
.b{
font-size: 11px;
}
这之前是133个字节
.a,.b{padding:0 6px;text-align:center;font-size:10px}.b{font-size:11px}
压缩后只有71个字节.这将是原始尺寸的100/185*71 = 38.3%.
然而,所有的压缩都是:
.a{font-size:10px;padding:0 6px;text-align:center}.b{font-size:11px;padding:0 6px;text-align:center}
这是100个字节.
当然,在一个理想的世界中,你只需要编写更好的CSS代码,但是如果你编写更大的文件就不容易,如果你使用任何框架几乎不可能.
那么,是否有更好的工具可以产生上述示例代码的71字节？
众所周知,C++模板是图灵完备的,CSS是turing-complete(!),C#重载分辨率是NP-hard(即使没有泛型).
但是C#4.0(具有co/contravariance,泛型等)编译时图灵是否完整？
我正在努力解决一个难题，除了一个重要部分外，我已经解决了大部分问题：
想象一下如果你有 5 个 div。一个标题和 4 个部分 (a - d)。
每个部分都有一个打开/关闭切换，我使用 CSS Checkbox Hack 来切换打开/关闭的值。打开时，一个部分会显示其中的内容，并且按钮切换为“关闭”。单击可隐藏内容并将按钮切换回“打开”。一切都很好。
作为要求的一部分：标题应该以语法正确的形式不断显示哪些部分是打开的：
“所有路段均已关闭”
“A区已开放”
“A 和 C 部分开放” <-- 此处复数很重要。
我主要是一个 javascript 人，这在 javascript 中是一个小问题。问题是？必须是纯CSS。为什么？因为这就是要求。我怀疑我实际上正在接受测试，看看我是否能找到解决问题所需的资源。我这么说是因为这是一个 javascript 开发职位 - 很奇怪他们会在纯 CSS 上测试我，而且这是一个 100% 远程职位。当我以前远程工作时，80% 的工作都是谷歌搜索或 SO，所以我就在这里。;)
我假设解决方案涉及滥用content:属性以及 css计数器甚至多个计数器，但到目前为止，我不知道如何做到这一点。
允许任何标记和任何 CSS，但不允许使用 javascript。还必须是跨浏览器兼容的，但我会对它在 ONE 上开始工作感到满意。
有人能指出我正确的方向吗？
TIA。
编辑：到目前为止我所得到的代码：
input[type='checkbox'] {
visibility: hidden;
}
label:after {
color: blue;
text-decoration: underline;
display: inline;
position: absolute;
right: 10px;
content: 'open';
}
#sectionA:checked ~ label:after {
content: …