CSS高级选择器

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”>

 

应用：京东注册页面