Tất cả các thẻ bắt đầu bằng

Question

Có cách nào để chỉ định kiểu cho tất cả các thẻ bắt đầu bằng một số tiền tố không?

Ví dụ:

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

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

---

Lý do tại sao tôi muốn chọn như vậy là vì tôi đang sử dụng góc và có rất nhiều các thành phần tùy chỉnh. Tất cả chúng sẽ được hiển thị là block. Có thể rất thoải mái khi chỉ định thuộc tính display cho tất cả các yếu tố tùy chỉnh, thay vì thêm lớp mỗi lần, khi tôi sử dụng chúng.

Answer 1

Nếu bạn muốn chọn các yếu tố bởi đẳng cấp tên bạn có thể làm điều này: [class^='class']

Nếu bạn muốn chọn các yếu tố bởi id chỉ đơn giản là làm điều này: [id^='id']

Trong cả hai trường hợp, bạn chọn tất cả các yếu tố phù thủy bắt đầu với văn bản bạn đặt giữa các dấu ngoặc đơn, hoặc theo tên lớp hoặc theo id.

Biến thể cũng có thể xảy ra: div[class^='class'] hoặc div[id^='id']

Answer 2

Bạn có thể thêm lớp khác để những yếu tố trong góc đó sẽ có css cùng

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

Bạn chỉ có thể thêm lớp để kiễu góc giống như jQuery cách

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

Answer 3

Theo tất cả câu trả lời, giải pháp tốt nhất là viết một lớp cụ thể và thêm nó vào mọi phần tử tùy chỉnh.

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

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