CSS之属性选择器
/*属性选择器
根据元素中的属性 或者属性值 来选取指定元素
语法:
[属性名] 选取含有指定属性的元素
[属性名="属性值"] 选取含有指定属性值的元素
[属性名^="ad"] 选取属性值以 ad开头的元素
[属性名$="c"] 选取属性值以 c结尾的元素
[属性名*="c"] 选取属性值中有 c 的元素
*/
p[title]{
}
p[title="hello"]{
}
/*其他元素选择器
* first-child
* last-child
* nth-child(num)指定选中第几个子元素
* even 表示偶数
* odd 表示奇数
*/
p:first-child{ /*必须是p标签 并且是其父元素的 第一个子元素*/
}
div > p:last-child{ /*必须是p标签 ,并且是body的最后一个子元素*/
/*background-color: red;*/
}
p:nth-child(3){ /*必须是p标签,并且选中 其父元素的 第三个子元素为p标签的*/
/*background-color: blue;*/
}
p:nth-child(even){ /*所有偶数孩子*/
background-color: yellow;
}
p:first-of-type{ /* 所有子元素 p标签中第一个*/
}