Phần tử HTML kiểu dựa trên tiêu đề của nó bằng cách sử dụng CSS

Question

Có thể áp dụng kiểu cho phần tử HTML chỉ sử dụng tiêu đề của nó làm mã định danh duy nhất không? Ví dụ:

<div class="my_class"> 
    <a href="some site" title="MyTitle">My Link</a> 
</div> 

Tôi muốn viết quy tắc chỉ áp dụng cho phần tử liên kết trong một div lớp my_class và tiêu đề liên kết MyTitle.

Tôi không có khả năng thay đổi bố cục trang, tuy nhiên, tôi có thể sử dụng tệp CSS tùy chỉnh được bao gồm tự động.

Cảm ơn bạn

Answer 1

Nó chắc chắn là, sử dụng những gì được gọi là selectors thuộc tính; đây là một phần của CSS2. Trong trường hợp cụ thể của bạn, bạn muốn sử dụng:

div.my_class a[title="MyTitle"] { color: red; } 

Bạn có thể đọc thêm về thuộc tính selectors đây: http://www.w3.org/TR/CSS2/selector.html#attribute-selectors

Answer 2

Có bạn có thể:

http://www.w3.org/TR/CSS2/selector.html#attribute-selectors

Bạn sẽ nói A [tiêu đề = "MyTitle] Tôi tin rằng.

Answer 3

Điều bạn đang tìm kiếm là bộ chọn thuộc tính css:

http://www.w3.org/TR/CSS2/selector.html#attribute-selectors

một [title] { ... }

Answer 4

thông số kỹ thuật CSS xác định một số "bộ chọn" có thể giúp bạn ở đây. Ví dụ, bạn có thể áp dụng một quy tắc như sau:

.my_class a[title="MyTitle"] 
{ 
    ... 
} 

Bạn có thể thấy một đặc điểm kỹ thuật chi tiết của CSS "selectors" ở đây:

http://www.w3.org/TR/2001/CR-css3-selectors-20011113/

Answer 5

Mặc dù nó là có thể, sử dụng bộ chọn thuộc tính (xem http://www.w3.org/TR/CSS2/selector.html#attribute-selectors) Internet Explorer 6 không hỗ trợ (xem http://kimblim.dk/css-tests/selectors/)

Ví dụ từ trang W3C: H1 [title] {color: blue; }