CSS高级选择器
例子:
并集选择器 P,h1{ color:red} p和h1标签文字变红色
交集选择器(标签选择器+ID选择器或者标签选择器+类选择器) P.class1{ color:yellow} 类名为”class1”的p标签样式中文字为黄色,当不同标签使用相同类名时
后代选择器 嵌套标签 p span{color:green} 注意两者标签中有空格的
<p>This <span>is</span> the <span>first</span> page</p>
这里span标签就属于p标签的后代。例:你是你爸的后代,你是你爷的后代
子元素选择器 p>span{ color:blue} 这里起作用的是第一个
<p>This is <span>the</span> first page</p>
<p>This is <em><span>the</span></em> second page</p>
这里em、span标签都是属于p标签的后代,p的子元素是em,em的子元素是span,span是p的孙子元素,子元素是指找儿子元素
属性选择器 input[type=”password”]{ color:red} 标签为input且属性及属性值为type、password的样式
用户名:<input type=”text”><br/>
密码:<input type=”password”><br/>
重复密码:<input type=”password”>
应用:京东注册页面