CSS选择器笔记

基本：标签(无)，e.g. div基本：ID#, e.g. #id_1基本：class.，e.g. .class_1同一标签并列关系无任何分隔符，e.g. div.c (<div class="c">)CSS 选择器分组,CSS 属性选择器[]CSS 后代选择器（后代包括子、孙、曾孙...）空格，e.g. h1 em  (<h1>This is a <em>important</em> heading</h1>)CSS 子元素选择器（只是子）>, e.g. h1 > strong  (<h1>This is <strong>very</strong> <strong>very</strong> important.</h1>)[attribute]用于选取带有指定属性的元素。[attribute=value]用于选取带有指定属性和值的元素。E.g.a[target=_blank][attribute~=value]用于选取属性值中包含指定词汇的元素。[attribute|=value]用于选取带有以指定值开头的属性值的元素，该值必须是整个单词。[attribute^=value]匹配属性值以指定值开头的每个元素。[attribute$=value]匹配属性值以指定值结尾的每个元素。[attribute*=value]匹配属性值中包含指定值的每个元素。

Reference

http://www.w3school.com.cn/css/css_selector_adjacent_sibling.asp