Mẫu Polymer: Lựa chọn hợp lệ cho điểm chèn nội dung

Question

Đây có thể là câu hỏi khá đơn giản và mặc dù tôi có thể tìm thấy một số ví dụ đơn giản, tôi không thể tìm thấy tài liệu về điều này trên trang web của Dự án Polymer. Trong mẫu cho một phần tử, bạn có thể sử dụng:

<content select="value"></content> 

Câu hỏi của tôi là giá trị hợp lệ cho thuộc tính chọn là gì. Nó chỉ đơn giản là một yếu tố? Nó có thể là bất kỳ bộ chọn CSS đơn giản nào (chẳng hạn như "#id")? Nó có thể là một giá trị ràng buộc ("{{data}}")?

Trong khi, cuối cùng, tôi chỉ đang tìm câu trả lời, tôi cũng sẵn sàng chấp nhận trích dẫn tài liệu hoặc URL.

Answer 1

Một chút bit tài liệu trên trang web polymer bị ẩn trong phần Your first Polymer app. Có một liên kết đến các đặc điểm kỹ thuật W3C Shadow DOM mà nói selectors hợp lệ cho điểm chèn là:

• Một loại selector hoặc một chọn phổ quát (a, div vv)
• lớp chọn (s) (ví dụ .my-class)
• Bộ chọn ID (ví dụ: #myid)
• bộ chọn thuộc tính (ví dụ:[myboolattr], [myattr="myvalue"])
• Một phủ pseudo-class,: không()

Bạn có thể có nhiều bộ chọn trong thuộc tính select, ví dụ:

<content select='div,.my-class,#myid,[name="myname"]'></content> 

công trình Binding quá:

<content select="{{ mySelector }}"></content> 

A * chọn mọi thứ:

<content select="*"></content> 

Answer 2

Tôi tìm thấy điều này trong one các hướng dẫn trên trang web Polymer.

Chọn nội dung: Thuộc tính chọn trên phần tử nội dung chấp nhận bộ chọn CSS giới hạn. Bạn chỉ có thể chọn con trực tiếp của nút máy chủ, không phải con cháu.

Thêm reference.

Tiêu chí phù hợp cho điểm chèn là tập hợp các bộ chọn hợp chất . Những selectors hợp chất bị hạn chế chỉ chứa những selectors đơn giản:

1. Một loại selector hoặc một chọn phổ
2. lớp chọn (s)
3. Một bộ chọn ID
4. thuộc tính chọn (s)
5. Lớp phủ định phủ định,: không()