网页制作css样式表问题

html-css0110

网页制作css样式表问题,第1张

首先 .pleft .place{} 只对class = "pleft" 节点内的 class = "place"的节点有效，对.pleft节点时没有任何影响的；

如：.pleft .place{ color: red}

<div class = "pleft">AAAA<div class = "place">bbbb</div>CCCC</div>

只是指定了bbbb的字体颜色为红色，不会改变AAAA和CCCC的颜色

当通过class调用 class="pleft" 最终.pleft{}样式（第一个样式类）将被此节点调用；

但，同时，其他样式也会对此节点内的某些节点起作用，如：

.pleft .place{ color: red}

<div class = "">AAAA<div class = "place">bbbb</div>CCCC</div>

当调用（或通过js修改属性的办法）最外的div的class = "pleft",则bbbb所在的节点（即clss = "place"的节点）会受 .pleft .place{ }影响，bbbb字体颜色将为红色

.pleft .place strong {}

.pleft .place a:hover{}

这些应该也能类比来理解了吧

.sec_menu 是用来声明 css类别的

比如说现在 <div class="sec_menu">

那么他就以.sec_menu的格式显示

.menu_title { } 同上

.menu_title SPAN 指被指定为 menu_title 类型的 控件 里的span的类型 即： <div class="menu_title"><span></span></div>

那么他里面的span就以 .menu_title SPAN 的格式