div.sample_popup input.menu_form_exit 就是个选择器从属的东西罢了
意思是 在div标签下,有个Class类的名字叫“sample_popup”。在它下级,有个input标签(按钮之类的)有个Class类名叫“menu_form_exit” 明白吗?
在HTML中代码,举例来说
<div class="sample_popup">
<form>
<input class="menu_form_exit"/>
</form>
</div>
如只想局部控制代码,只对类名叫"sample_popup"的div里面的名为"menu_form_exit"的input标签进行编辑,CSS中代码就是div.sample_popup input.menu_form_exit{}
就是这么简单个道理
这么相对复杂的写法,是为了局部控制代码,更精确,避免其它元素之间的冲突。
假设你一个页面中,无意间写了两个同样名为“menu_form_exit”的input标签,但你只想改变一个样式,另一个不变时,你就需要写出从属关系,精确定位。
如有不理解,百度消息哈