元素选择器:h1{color:blue;}-----设置h1组件样式
ID选择器:用#来定义,如#red{color:red;}----设置id为red的组件颜色为红
类选择器:用.来显示,如.center{text-align:center}----设置center类的元素html居中
选择器是一种模式,用于选择需要添加样式的元素。
分组选择器:对选择器分组,被分组的选择器就可以分享相同的声明。用逗号将需要的分组选择器隔开
示例:将几个标题设置为绿色
h1,h2,h3,h4{ color:green; }
派生选择器:根据上下文关系来确定某个标签的样式。
示例:希望列表中的strong元素变为斜体字
li strong{ font-style:italic; font-weight:normal; }
属性选择器:选择设定某属性值的元素。(属性值在组件type里设置)
示例:更改属性值为text的元素外观
[type='text'] { color:orange; }
后代选择器:选择器之间的空格是一种结合符
示例:对h1元素的em元素应用样式
h1 em{ color:red; }