Question

如果我的div是这样的：<div class="form-item-field-afl-dienst-adressen-und-0-street">是否可以在我的CSS中调用它只有一小部分？与.form-item-field-afl-dienst

一样

结尾0是页面上的项目数，这是未预定义的......我想在一个css语句中捕获它们。

或者，我怎样才能抓住

<div class="form-item-field-afl-dienst-adressen-und-0-street">
<div class="form-item-field-afl-dienst-adressen-und-1-street">
<div class="form-item-field-afl-dienst-adressen-und-2-street">
<div class="form-item-field-afl-dienst-adressen-und-3-street">
...

有一个陈述？

编辑ALEX

<div class="form-item-field-afl-dienst-adressen-und-0-street">
<div class="form-item-field-afl-dienst-adressen-und-0-nr">
<div class="form-item-field-afl-dienst-adressen-und-0-zip">

<div class="form-item-field-afl-dienst-adressen-und-1-street">
<div class="form-item-field-afl-dienst-adressen-und-1-nr">
<div class="form-item-field-afl-dienst-adressen-und-1-zip">

Answer 1

此选择器应该有效。

[class^="form-item-field-afl-dienst"]

注意旧的IE不支持此功能。

Answer 2

不，但你可以有多个班级：

<div class="form-item-field-afl-dienst adressen-und-0-street">

然后：

.form-item-field-afl-dienst
{
}

.adressen-und-0-street
{
}

编辑：新的浏览器将支持alex指出的选择器，但是现在如果你想让它与当前使用的大多数浏览器一起工作，那是不可能的。

Answer 3

您可能想要拆分课程项目：

<div class="form-item field-afl 0-street">

然后，对于组合，您可以使用CSS：

.form-item .field-afl .0-street
{
 ...
}

并在CSS中使用该类的一部分：

.form-item 
{
...
}

在css中使用div-class

3 个答案: