你写错了css选择器,建议多看看教程,如http://www.w3school.com.cn/css/css_selector_type.asp。
你上面的选择器应该这样写
<style> .par>.sub { font-size: 18px;/*自己的样式*/ } </style>
有一定基础再看bootstrap的源码吧
感谢你的回答,可是我写成这样也不行。。
是哪错了?
@hexllo: 我仔细看了一下你的样式。首先,'>'这个css选择器你用错了,这个是子孩子选择器。
<html class="par0"> <body> <style> .par{ font-weight: bolder; } .par>.sub { font-size: 20px; /*你上面的属性值不是有效值*/ } </style> <div class="par"> <div class="sub"> </div> </div> </body> </html>
这样的话,元素par的子孩子中才有sub元素,".par>sub"这个css规则才起作用。
而<html class="par0">不是sub的直接父元素,所以".par0>.sub"是不起作用的,但是".par0 .sub"规则是有效的,它表示选择.par0元素下所有类名含有sub的元素。
css选择器博大精深,慢慢来理解,先用最简的id选择器和类选择器,而且也是最高效的选择器了。之后在慢慢接触其他选择器,然后再了解css3新增的选择器。
我是学渣,但希望共同学习,希望我的回答能帮到你。
@进击的小矮人: 非常感谢,我发现那个>不写也是一样的,还是要用
<div class="parent">
<div class="sub"></div>
</div>
这种方式来嵌套.
sub是什么元素?.sub吧?
很明显,楼上有答案了。>我很少用,我习惯于用 嵌套继承 。
类还没有搞清楚,建议先看一下css基础。
1、要学习>的真正用法。
2、你的代码两个错误,第一个一楼说明了,第二个呢,那是说class为par的对象下的第一个(忘记>是否第一个的意思了,嘿嘿,我也要去学习下>的真正用法了)sub,而你的代码却没有par类的应用。