选择器
基本语法: 选择器 {属性: 值; 属性: 值}
选择器分组:
h2, p {color: gray;} /* 同时选择 h2 和 p */
通配选择器:
* {color: gray;}
类选择器:
.urgent {color: red;}
多类选择器: (同时包含)
.warning.urgent {color: red;} /* 同时含有 warning 和 urgent 的类将被选择 */
ID 选择器:
#first-para {color: black;}
后代选择器:
h1 em {color: gray;} /* 选择 h1 以下的所有 em */
选择子元素:
h1 > strong {color: red;} /* 选择 h1 的直接子元素 strong */
选择兄弟元素:
h1 + p {color: red;} /* 选择紧跟 h1 的元素 p */
伪类选择器: (使用冒号选择)
a:visited {color: red;}
Comments