1. 子选择器

子选择器使用符号>表示，如

.table > thead > tr > th {
    border-bottom: 2px solid #dddd;
}

2. 兄弟选择器

兄弟选择器分为二种，即临近兄弟和普通兄弟

临近兄弟使用+表示：

  .nav-pills > li + li {
      margin-left: 2px;
  }

普通兄弟节点使用~表示：

  .article h1 ~ p {
      font-size: 13px;
  }

选择器	用法
`[attr=value]`	属性有指定的确切值
`[attr~=value]`	属性值必须由多个空格隔开，如`class="title xxoo xxoo2"`，而这些值中的一个比为指定的value
`[attr\|=value`]	属性的值就是`value`或者以`value`开头并立即跟上`-`的字符（`value-`），比如`lang="zh-cn"`
`[attr^=value]`	该属性的值必须以指定的值开始
`[attr$=value]`	该属性的值必须包含特定的值（无论指定值在什么位置）
`[attr*=value]`	该属性的值必须以特定值结尾

属性	用法
`:hover`	鼠标滑过时的状态
`:focus`	元素拥有焦点时的状态
`:first-child`	指定某一个元素的第一个子元素
`:last-child`	指定某一个元素的最后一个元素
`:nth-child()`	指定某个元素的一个或多个特定的子元素，可以传入数字或者计偶数（even,odd）