相关疑难解决方法(0)

我有一些看起来像的代码

[class|="e"]
{
    margin: 0 0 0 0;
} 

这是什么意思？我应该用什么谷歌搜索？

我尝试搜索stackoverflow(可以找到标点符号)和谷歌,但很难搜索没有名称.

假设我有两个具有多个类的元素：

<p class="fruit-apple something">First</p>
<p class="whatever fruit-banana">Second</p>

如何使用“管道”选择器（|=）选择fruit-类？

我已经尝试过类似以下的操作，但这似乎无法正常工作。

<p class="fruit-apple something">First</p>
<p class="whatever fruit-banana">Second</p>

p[class|=fruit] {
    color: red;
}

显然这是因为在第二种情况下，类字符串不是以开头fruit-，并且选择器天真地匹配。

我必须增加每个P不是class="ejemplo"或的元素的第一个字母的大小id="lectura".

这非常有效:

p::first-letter {
  font-size: 300%;
}

但是当我尝试匹配要求并且我这样做时,它不起作用:

p::first-letter:not([class="ejemplo"]):not([id="lectura"]) {
  font-size: 300%;
}

我是CSS的初学者,所以我做错了什么？

我有很多课程，这里有 3 个作为例子：

.col-1-3{
    width:calc(100%/(3/1));
}
.col-2-3{
    width:calc(100%/(3/2));
}
.col-1{
    width:100%;
}

（如果该信息可能有用的话，所有这些都是内联块和相对位置......）

现在，如果应用了任何这些类的元素，还应用了另一个类，我们称之为“蝙蝠侠”，我需要该元素的宽度增加 30 像素。

在不触及我的每一个 .col-* 类的情况下，在其中添加 30px，有没有！添加元素宽度的其他方法？请参阅示例伪代码：

.batman{
    add-to-width:30px;
}

我在想也许是：之前和/或：之后。添加一个伪元素并以某种方式将其向左/右移动 15px，主元素将跟随/增长......但它不起作用......

要求：严格使用CSS，不要使用JavaScript。

任何想法？

提前致谢！！:)

我想一个类选择像结合.smart了[attr^=val]选择,他们attr是class一样[class^='test-'].我已经单独测试了每个选择器,它们似乎工作得很好.但是,当它们组合时,它们不能产生所需的结果.

例

您还可以查看Codepen.

/* Works */

[class^='test-'] {
  background: blue;
}
/* Works */

.smart {
  background: yellow;
}
/* Doesn't work */

[class^='test-'].smart {
  background: red;
}

<div class="test-me">
  <p>Should be blue.</p>
</div>
<div class="smart">
  <p>Should be yellow.</p>
</div>
<div class="smart test-me">
  <p>Should have been red, but isn't.</p>
</div>

任何人都可以解释为什么CSS选择器[class^='test-'].smart不起作用,如果可能的话,如何解决问题？

嘿伙计们需要一些帮助.

我正在尝试找到所有以DOM中相同命名约定开头的类名,并将它们全部放入数组中.

所以例如.

<div class="userName_342">John</div>
<div class="userName_366">Doe</div>
<div class="userName_234">Bob</div>
<div class="userName_873">David</div>

我需要帮助用下面的数组中的一些JavaScript制作上面的代码.

 var classArr = ["userName_342","userName_366","userName_234","userName_873"];

任何有关如何开始的帮助将不胜感激.

谢谢.

在CSS中，我们可以使用以下代码行选择具有相同前缀的多个类，例如：'pre-1'，'pre-2'，...

[class^="pre-"]

Javascript 有什么方法可以让我在 Javascript 中得到相同的结果吗？谢谢你！

我想要实现的结果是 Javascript 代码。

有没有办法在仅使用一个.active选择器的情况下编写与以下内容等效的规则集？

.active #pselect,
.active #bselect,
.active #cselect,
.active #nselect,
.active #iselect {
    color: white;
}