CSS3提供了非常多的可用伪类,但是Bootstrap只用了常用的
几个,这里我们只简单列一下常用的伪类和其对应的意思
- :hover 鼠标划过时的状态
- :focus 元素拥有焦点时的状态
- :first-child 指定某个元素的第一个子元素
- :last-child 指定某个元素的最后一个子元素
- :nth-child(n) 指定某个元素中特定的子元素,n从0开始
ul li:nth-child(2n+1){background-color: green;}
选择奇数行的li
按钮组里,除第一个按钮、最后一个按钮和带有dropdown-toggle样式的元素外,其他btn样式的按钮都不能设置圆角。我们应该这么定义:
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {border-radius: 0;}