2

これはまったく不可能だと思いますが、これに関する質問も可能かどうかの参照も見つからなかったので、ここで質問しています...

AngularJS または Polymer に精通している場合は、 のように要素名にダッシュを含むカスタム要素を使用できることがわかりますspecial-element。私の問題は、これらすべての要素にクラスを使用せずにスタイルを設定するにはどうすればよいですか?

問題は、コードに次のようなものがあることです。

<special-element></special-element>
<special-element></special-element>
<special-element></special-element>

それらはinline-block要素であり、特定のマージンで区切られるようにしたい（ただし、最後の/最初の要素の前後にマージンはありません）。そのために、次のようなことを考えていました。

special-element + special-element {
    margin-left: 10px;
}

しかし、これは機能しません...のクラスを使用せずにこれを達成できるアイデアはありspecial-elementますか?

4

1 に答える 1

3

ダッシュをエスケープするだけです。

special\-element {
  padding: 10px;
  background: red;
  display: block;
}
<special-element></special-element>

于 2015-04-23T22:18:11.060 に答える