1、派生选择器(父子关系) 依据元素在其位置的上下文关系来定义样式。 父子标签中间以空格隔开 css: li strong{color:red; } color:"#FF00FF" strong{ color:"#FF00FF"; } ##已经被定义好的效果,不会被覆盖;没有定义好的效果会被覆盖 2、ID选择器 可以为标有ID的html元素指定特定的样式 id选择器以#来定义id选择器常常用于建立派生选择器 css: #id名称{ } #id名称 a{ color:"#FF00FF" ##a代表a标签,给ID名称下的a标签设置样式 }
##常在div中加上id。 css:3、类选择器 calss 以一个点显示 也可以用作派生选择器 .class名称{color:red} ##常在div中加上class。 .class名称 a{color:red} ##a代表a标签,给class名称下的a标签设置样式 4、属性选择器 对带有制定属性的html元素设置样式 属性选择器和值选择器 css:<head> <style type="text/css"> [title] ##属性选择器 { color:blue; } [title=te] ##属性和值选择器(属性和值都对应的情况下,才会被应用) { color:red; } </head> <body> <p title="t">属性选择器<p> ##样式应用属性选择器 <p title="te">属性选择器<p> ##样式应用属性和值选择器 </body> |
|