css - 如何在 CSS 中选择任何以某个单词开头的元素

Question

我需要做的非常简单(理论上)。我有一些这样的选择器:

.foo-one{
    color: #fff;
    border: 1px solid red;
}

.foo-two{
    color: #fff;
    border: 1px solid blue;
}

我需要做的是选择任何以“.foo-”开头的元素以将全局样式应用于所有元素，因为我不想做类似的事情:

.foo-one{
    transition: border 1s linear;
}

.foo-two{
    transition: border 1s linear;
}

有办法吗？

Answer 1

Bootstrap 使用这样的选择器 [class^="foo-"]

^="string" 表示以string

开头

CSS3 Attribute Selectors