で始まるすべてのタグ

Question

いくつかの接頭辞で始まるすべてのタグにスタイリングを指定する方法はありますか？例えば

：私は角使用してカスタムコンポーネントの多くを持っていますので、私は、このようなセレクタをしたい理由

tst-* { 
    display: block; 
    background: yellow; 
} 

<tst-some-tag>Some content</tst-some-tag>

---

理由があります。これらはすべてblockと表示されます。毎回クラスを追加するのではなく、すべてのカスタム要素のプロパティにdisplayプロパティを指定するのは非常に快適です。

Answer 1

あなたはクラス名で要素を選択したい場合はあなたはこれを行うことができます：あなたはどちらの場合も [id^='id']

：[class^='class']

を使用すると、IDによって要素を選択したい場合は、単にこれを行いますすべての要素を選択してくださいは、一重引用符で囲んだテキストをclass-nameまたはidのどちらかで入力してください。

バリエーションも可能です：あなたは、同じCSS

<tst-some-tag class="tst-class">Some content</tst-some-tag> 

を持っているでしょう角度でそれらの要素に別のクラスを追加することができます div[class^='class']またはdiv[id^='id']

Answer 2

あなたは、単にちょうどjQueryのように角度にクラスを追加することができますway

var myEl = angular.element(document.querySelector('tst-some-tag')); 
myEl.addClass('tst-class'); 

Answer 3

すべての回答によれば、最適な解決策は特定のクラスとすべてのカスタム要素に追加します。

.tst { 
    display: block; 
    background: yellow; 
} 

<tst-some-tag class="tst">Some content</tst-some-tag>