多个<div class>，用CSS该怎么定义？

Question

<div class="aa">
<div class="bb">
<div class="cc">
像这样的，aa包括bb， bb包括cc，aa又包括bb和cc。
这样的我用CSS 该怎么定义呢？
.aa .bb .cc{margin-left:10px;} 该这样写吗？
那如果div class 后面还有dd ee ff呢？
应该不会.aa .bb .cc .dd .ee .ff{margin-left:10px;} 这样写吧？？

我的意思就是说CSS里该怎么选择前面的那个类呢？
可不可以这样写 .aa .ff{margin-left:10px;} 这样写对吗？
那又可不可以这样写 .aa .bb .ff{margin-left:10px;} 这样呢？

我就是搞不懂 该选择哪些才能定义它的效果？
我想定义是结尾 <div class="ff"> 的效果 ..

谁可以为我解答啊？

Answer 1

css中class是类名 可以重复使用，而id只能使用一次。所以呢，如果这个css样式只需要一次可以设置为class但是id更好。
类名就是类的名称，就像人一样通过类名就可以找到这个类，所以你设置样式的时候直接.className就行了。 你所使用的那种情况是使用元素选择器（也就是标签）进行选择的时候采用的例如选择无序列表里的li 可以ul li{} 这样即可。如果li有类的话直接.className就行，效果是一样的。
就像上面说的如果你想定义是结尾 <div class="ff"> 的效果 那么直接.ff{style} 就行了

Answer 2

你的这种写法的好处就是比较容易的找到样式，而且可以样式命名重名而不影响其他位置的样式，但缺点就是如果页面修改变化后，这种写法的样式修改起来会比较麻烦，本人其实不太喜欢这种方式的，但因为公司的要求没办法去年一年都是这么写的，但后来我改了一种方式，那就是直接写样式，不写样式的位置定义，样式命名的时候，写法是：“标题名称+标签命名+另外命名”，比如页面是index.html，要给页头定义个样式名称，那这个命名就写为：Index_header_命名
因为你写的每个页面命名肯定会不一样，把页面的命名写在样式前缀，这样就不会有重名，而且看命名也能明确的找到样式的大概位置

Answer 3

可以这么些 也完全可以不要前面的.aa
这就是应用范围的问题了
.aa .bb .ff 如果这么定义 那么只要是bb下的ff 不管是第几层 都能生效
但如果定义到.aa .bb .cc .dd .ee .ff里 那只能按部就班的一层一层都写上 才能生效
一般用这种定义的时候 后面都是通用样式
比如.aa p{}
如果是类名 可以随便起嘛 就没必要套那么多层了

Answer 4

你想定义结尾 <div class="ff"> 的效果：可以直接就：.ff{margin-left:10px;} ，这样就可以啦。
如果你用.aa .ff{margin-left:10px;} 这样定义的话，当你别的地方也要用到<div class="ff"> 这个，但这时<div class="ff"> 这个又不在<div class="aa">里时，就要再写样式。。

有什么不明的可以HI ME！！

Answer 5

其实div css 就是一个机器人
它是人开发的程序就是说也有正常人的思维
你只要按照你的思维走下去 就是对的 多尝试未必不是好事