摘要：
nth-child(odd)：奇数 nth-child(even)：偶数 使用时，如果是精确到数字时，切记是从同一级别的元素开始计算，而不是指定某个类才开始计算。 比如： <li></li> <li class="test"></li> <li></li> 如果我要选择class为test的，nth 阅读全文
摘要：
官方解释： [attribute^=value]，a[src^="https"]，选择其 src 属性值以 "https" 开头的每个 <a> 元素。 最低要求：css3 [attribute*=value]，a[src*="abc"]，选择其 src 属性中包含 "abc" 子串的每个 <a> 元 阅读全文
摘要：
可以实现水平等分切割等。日后在研究，做个记录。 首先要声明：display:box，像谷歌浏览器要加前缀识别码：display:-webkit-box; 然后才开始使用其属性，同时也是要带上前缀识别码。 参考： flex: http://www.ruanyifeng.com/blog/2015/07 阅读全文
摘要：
::before/::after和:before/:after实质上效果一样 不过，在 CSS3 中为了区别伪元素和伪类为伪元素使用了双冒号，因此如果使用了 display 或者 width 等属性时使得显示脱离了原本元素后，建议按照标准双写。过于老的浏览器可能会存在支持问题，不过伪元素大多是配合 阅读全文
摘要：
如果我要查找<div>上用了.class的元素，查找方法：div.class；中间是不空格的。 以上这种形式为css后代选择器 参考：http://www.w3school.com.cn/css/css_selector_descendant.asp 阅读全文
摘要：
情况1：<div><p></div> 情况2：<div><a><p></p></a></div> 使用： div p{} 其实在这里的解释是，选择<div>内所有<p>元素，不会是局限在<div>的下一级，而是不过<p>元素在第几级都会找到。 参考： http://www.w3school.com. 阅读全文
摘要：
text-indent是用来字符缩进的。 1.text-indent所在的元素是行内元素而非块级元素。比如用在span,a等行内元素上。解决方案：在行内元素加上display:block; 或者把目标元素放入<div>等块级元素，然后把text-indent样式应用到<div>等块级元素。 2.te 阅读全文