CSS 选择器学习小记

 div，p 表示并列关系选择有的div和p元素

例如：div,p{color:red}

div p 表示选择所有div中的p元素  (可灵活使用比如 div #username  表示div中所有id为username的元素被选中)

例如：div p{color:red}

div>p表示选择div中的子p（只会选择它的儿子 不会选到孙子）

div>p{color:red}只有id为sb的p元素会变色

例如

div+p 表示选项所有所有div后面紧接着的p

例如：

 

  p1和p2被选择

jquery选择

$(".classname).not(this)  选中所有class名为 classname的元素 出了当前元素