相关疑难解决方法(0)

对于CSS3中具有以特定字符串开头的类名的元素,是否可以使用"通配符"？

例如.:

<div class="myclass-one"></div>
<div class="myclass-two></div>
<div class="myclass-three"></div>

然后神奇地将以上所有divs一次性设置为红色:

.myclass* { color: #f00; }

我刚刚开始使用bootstrap并且不确定如何实现我的目标.

我希望所有的阴沟都是平坦的,就像他们在这张图片中一样:

默认情况下,它们看起来像这样,列之间的垂直排水沟(标有蓝色)是水平和外部排水沟的两倍:

任何有关解决这个问题的最佳方法的帮助可能会受到赞赏.

我想要定位Bootstrap容器中的所有列,以便我可以给出类似的样式.例如:

<div class="container unique">
  <div class="row">
    <div class="col-md-3"></div>
    <div class="col-md-3"></div>
    <div class="col-md-3"></div>
    <div class="col-md-3"></div>
  </div>
</div>

我可以用CSS来定位它:

.unique .col-md-3{...}

但我想要做的是当我有许多不同的col-*元素时,将它们全部聚集在一起.

我试过这个:

.unique .col-*{...}

但它不起作用.我可以用CSS做到这一点吗？

我正在考虑一个选择语句,该语句将基于字符串前缀在单个类属性值中定位许多css类名中的一个.

例如,我希望detail-从以下示例链接中获取任何前缀类名称.

<a href="eg.html" class="detail-1 pinkify another">
<a href="eg.html" class="something detail-55 minded">
<a href="eg.html" class="swing narrow detail-Z">
<a href="eg.html" class="swing narrow detail-Z detail-88 detail-A">

它让人联想到[class|="detail"]前缀选择器如何在标量属性值上工作.hasClass(className),而且我的问题需要同时应用这两个概念.

注:该detail-前缀不一定是一堆一流的名字.

我有一个类.box-159,在每次刷新屏幕时,数字都会改变.有没有办法background-color在CSS中定义这个字段(比如说)？

所以我想知道是否有办法将通配符扔进我的CSS？

我有几个班是.button-0,.button-1,.button-2,.button-3,等一个内button元素.我想要.button-*定义所有类.

有可能做这样的事情:

button .button-[=*] {
  margin-right: 2rem;  
}

在div[class^="kooy-"]不工作.同时div[class^="kooy"]给出预期的结果.

div {
  padding: 10px;
  border: 1px solid skyblue;
  margin-bottom: 10px;
}
div[class^="kooy-"] {
  background-color: tomato;
  color: white;
}

<div class="kooy kooy-tomato">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod a, nihil culpa rerum vero esse facilis sint voluptatem eius. Placeat, repudiandae, accusantium. Tempora, tempore ea pariatur molestias culpa quia id.</div>

<div class="kooy">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt, eius illum. Adipisci pariatur, harum soluta inventore nihil cupiditate dolores ab cum ullam fugit amet, …

我正在尝试定位一个可能有许多类之一的元素.是不是有更简单的方法来编写以下示例？我无法找到参考,但似乎应该有一个更有效的选择.

.myTable1 a, .myTable2 a, .myTable3 a, .myTable4 a
{
    text-decoration: underline;
}

我正在尝试制作 chrome 扩展。一部分代码（在此扩展的早期）涉及按类名获取几个元素。有几个元素的类名都是这样的：“scollerItem [AlotOfRandomCharacters]”。所以我试图列出所有以“scrollerItem”开头的类名，但我不太确定如何去做。

所以这是我到目前为止的代码：

function initRE(){
    var matchingItems = [];
    var allElements = document.getElementsByTagName("div");
    for(i=0; i < allElements.length; i++)
    {
        if ( allElements [i].className == "scrollerItem" && "*" )
        {
            matchingItems.push(allElements[i]);
        }
    }
    alert(matchingItems[0]);
}

allElements 在断点监视列表中列为“HTMLCollection(623)”（大致），但没有任何内容转发到“matchingItems”数组。我试着[i].className.contains和.includes

有问题的 HTML 元素之一的直接副本：

<div class="scrollerItem s1d8yj03-2 ebdCEL Post t3_agnhuk  s1ukwo15-0 RqhAo" id="t3_agnhuk" tabindex="-1">

我有一些看起来像的代码

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

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

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