Question

css到底能做哪些东西，朋友面试时，面试官问他，css怎样实现这样的功能，听我细细道来

css实现在不同浏览器中，显示的数据不同，比如说一个图片列表吧，页面在火狐浏览器下显示的时候是五条数据，而在ie中浏览时显示的六条数据，大概就是这样的，我想知道，css能不能实现，具体该如何实现呢？

Answer 1

在页面显示的过程中，有很多的样式作用在页面元素上，这些样式来自不同的地方。浏览器自己有默认的样式，网页作者有自己写的样式，用户也可能有自己的样式， 但是最终显示的样式是其中之一，它们之间产生了冲突，CSS通过一个称为层叠（cascade）的过程处理这种冲突。层叠给每个规则分配一个重要度：作者的样式表被认为是最重要的，其次是用户的样式表，最后是浏览器或用户代理使用的默认样式表。为了让用户有更多的控制能力，可以通过将任何规则指定为!important来提高它的重要度，让它优先于任何规则，甚至优先于作者加上!important标志的规则。 因此，层叠采用以下重要度次序：标为!important的用户样式>标为!important的作者样式>作者样式>用户样式>浏览器/用户代理应用的样式。 然后，根据选择器的特殊性决定规则的次序。具有更特殊选择器的规则优先于具有比较一般的选择器的规则。如果两个规则的特殊性相同，那么后定义的规则优先。 由此可见，层叠是指不同的优先级的构成的层的叠加。

Answer 2

CSS全程叫层级样式表，顾名思义和样式有关，也就是说，CSS只负责样式或可说外观，与内容无关。尽管某些特殊的情况下，CSS也可以生成内容，但不具有普遍性。业界认可的网页结构就是内容+结构(HTML)+表现(CSS)+行为(JavaScript)，你说的那种情况，图片列表，图片的数量和内容不能用CSS更改，但CSS可以控制隐藏/显示，以及布局、尺寸、位置等等这些都是CSS的能力范围。你说的不同浏览器有不同的表现，那是兼容问题，和CSS本身无关。

Answer 3

可以的。 判断浏览器 加载不同的css样式。

追问

这种做法常用吗？能举个例子给我吗

追答

不常用。 这样的类似于 网站皮肤换色， 加载不同的css。 就是用 if 判断一下。

追问

判断是那种浏览器的语句怎么写啊，能贴点代码实例吗

追答

这最好用程序来判断。

Answer 4

最简单的方法是针对2个浏览器写hank
{ display:block;} 针对IE浏览器 显示第六条数据

追问

能说的再具体点吗？我现在一头雾水

追答

index

.six { display:none; display:block\9; }

1
2
3
4
5
6

这个虽然不实用，但是用来回答问题完全OK