css常用选择器
2017-08-17 本文已影响0人
Bruce杨
<style>
div {
background: red;
}
/*选择父元素为 <div> 元素的所有 <span> 元素。*/
div > span {
background: blue;
}
/*选择紧接在 <div> 元素之后的所有 <span> 元素。*/
div + span {
background: yellow;
}
/*选择每个启用的 <input> 元素。*/
input:enabled {
}
/*选择所有已被访问的链接。*/
a:visited {
}
/*选择鼠标指针位于其上的链接。*/
a:hover {
}
/*选择每个 <p> 元素的首字母。*/
p:first-letter {
}
/*选择前面有 <p> 元素的每个 <ul> 元素。*/
p ~ ul {
}
/*选择每个被选中的 <input> 元素。*/
input:checked {
}
/* :not(selector) 选择非 <p> 元素的每个元素。*/
:not(p) {
}
</style>
