必须记住的 30 类 CSS 选择器
大概大家读知道`id`,`class`以及`descendant`选择器，并且整体都在使用它们，那么你正在错误拥有更大级别的灵活性的选择方式。这篇文章里面提到的大部分选择器都是在CSS3标准下的，所以它们只能在相应最新版本的浏览器中才能生效，你完全应该把这些都记在你聪明的脑袋里面。
1. *
Css代码
在我们看比较高级的选择器之前，应该认识下这个众所周知的清空选择器。星号呢会将页面上所有每一个元素都选到。许多开发者都用它来清空`margin`和`padding`。当然你在练习的时候使用这个没问题，但是我不建议在生产环境中使用它。它会给浏览器凭添许多不必要的东西。
`*`也可以用来选择某元素的所有子元素。
Css代码
它会选中`#container`下的所有元素。当然，我还是不建议你去使用它，如果可能的话。
DEMO
1. *
Css代码
Java代码 
- * {
- margin: 0;
- padding: 0;
- }
在我们看比较高级的选择器之前，应该认识下这个众所周知的清空选择器。星号呢会将页面上所有每一个元素都选到。许多开发者都用它来清空`margin`和`padding`。当然你在练习的时候使用这个没问题，但是我不建议在生产环境中使用它。它会给浏览器凭添许多不必要的东西。
`*`也可以用来选择某元素的所有子元素。
Css代码
Java代码
- #container * {
- border: 1px solid black;
- }
它会选中`#container`下的所有元素。当然，我还是不建议你去使用它，如果可能的话。
DEMO
相关文章
P:first-letter P:first-line 示例
<style type="text/css">p { color: red; font-size: 12pt }p:first-letter { color: green; font-si...
列表元素ul ol li dl dt dd释义
DIV CSS网页布局中常用的列表元素ul ol li dl dt dd释义，块级元素div尽量少用，和table一样，嵌套越少越好 ol...
IE Firefox Hack
IE都能识别*，标准浏览器（如FF）不能识别*；IE6能识别*，但不能识别 !important；IE7能识别*，也能识别 !important；FF不能识别*，但能识别 !important；例如s...
div+css布局时的浏览器兼容问题
随着火狐浏览器的市场占有率的提高,而IE则有所下降,特别是在欧洲那边,火狐浏览器的市场占有率更高,在没有一个统一的标准下,浏览器的兼容问题变得越来越重要.有时候在IE下看是好好的,在火狐或其他浏览器却...
图片垂直居中的使用技巧
“使用纯CSS实现未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直居中。” 当然出题并不是随意，而是有其现实的原因，垂直居中是 淘宝 工作中最常遇到的一个问题，很有代表性...
详解CSS的优先权
发现很多朋友对 CSS 的优先权不甚了解，规则很简单。需要说明的一点，如果你的样式管理需要深层判断 CSS 的优先权，更应反思自己的 CSS 代码，是否合理？是否优化？ CSS2.1 中规定了关于 C...
发表评论
