核心提示:子选择器和包含选择器的区别。E F:包含选择器,选择E中所有的F标签,包括儿子,孙子,孙子的孙子都会被选中。EF:子选择器,只能选中E元素的子元素,不能选中E元素的孙元素style/* 包含选择符(E...
子选择器和包含选择器的区别。
E F:包含选择器,选择E中所有的F标签,包括儿子,孙子,孙子的孙子都会被选中。E>F:子选择器,只能选中E元素的子元素,不能选中E元素的孙元素
style> /* 包含选择符(E F) */ .demo p { border:1px solid #f00; } 可以选中id为a b c d的p元素 /* 子选择符(E>F) */ .demo > p { border:1px solid #f00; } 只能选中id为a的p不能选中b c d元素 </style> <p class="demo"> <p id=“a”>0 <p id=“b” >1</p> <p id=“c” >2</p> <p id=“d” >3</p> </p> </p>