Làm thế nào để tạo kiểu CSS vai trò

Question

Trong HTML sau

<div id="content" role="main"> 

id có thể được truy cập thông qua #content trong CSS. Làm cách nào để truy cập vào role="main".

Answer 1

Sử dụng CSS thuộc tính selectors:

https://developer.mozilla.org/en-US/docs/CSS/Attribute_selectors

ví dụ:

div[role=main] 

Answer 2

Tiếp cận nó như thế này nên làm việc: #content[role="main"]

Answer 3

Chắc chắn bạn có thể làm trong chế độ này:

#content[role="main"]{ 
     //style 
    } 

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

Answer 4

theo chủ đề này để biết thêm thông tin

CSS Attribute Selector: Apply class if custom attribute has value? Also, will it work in IE7+?

và học selector thuộc tính css

http://www.w3schools.com/css/css_attribute_selectors.asp

Answer 5

xin vui lòng sử dụng:

#content[role=main]{ 
    your style here 
} 

Answer 6

Con đường ngắn nhất để viết một selector đó truy cập mà div cụ thể là chỉ cần sử dụng

[role=main] { 
    /* CSS goes here */ 
} 

Những câu trả lời trước đó không sai, nhưng họ dựa vào bạn bằng cách sử dụng một div hoặc sử dụng id cụ thể. Với bộ chọn này, bạn sẽ có thể có tất cả các loại đánh dấu điên và nó sẽ vẫn hoạt động và bạn tránh các vấn đề với tính đặc hiệu.

[role=main] { 
 
    background: rgba(48, 96, 144, 0.2); 
 
} 
 
div, 
 
span { 
 
    padding: 5px; 
 
    margin: 5px; 
 
    display: inline-block; 
 
}

<div id="content" role="main"> 
 
    <span role="main">Hello</span> 
 
</div>