css3 role |poicss

/* 以下是CSS3角色属性选择器的语法 */
[role="角色名称"] {
/* 在这里编写CSS样式 */
}
/* 使用CSS3角色属性选择器 */
/* 将所有文章标题的颜色设置为红色 */
[role="heading"] {
color: red;
}
/* 将所有导航链接的样式设置为蓝色文字和红色背景 */
[role="navigation"] a {
color: blue;
background-color: red;
}

角色属性选择器可以使得大家的CSS更加有针对性，特别是对那些有特定语义的HTML元素，例如标题、导航等。除此之外，角色属性选择器也可以帮助大家轻松地应对一些可访问性问题。