你文字在span里面,当然影响了啊

解决方案 »

  1.   

    http://www.w3school.com.cn/css/css_selector_child.asp你的概念理解错了啊
    例如,如果您希望选择只作为 h1 元素子元素的 strong 元素,可以这样写:
    h1 > strong {color:red;}
    这个规则会把第一个 h1 下面的 strong 元素变为红色,但是第二个 strong 不受影响:
    <h1>This is <strong>very</strong> important.</h1>
    <h1>This is <em>really <strong>very</strong></em> important.</h1>
      

  2.   


    <style>
        p>span{
            color:green;
        }//这话意思是不会影响第二个span的效果
    </style>
    </head>
     
    <body>
        <p>这是最外层的文字,<span>这是中间层的文字,<b>这是最内层的文字,</b></span></p>
    <p>这是最外层的文字,<b>这是最内层的文字<span>这是中间层的文字</b></span></p>
    </body>
      

  3.   

    你看人家写的p span和p>span,是不一样的
      

  4.   

    这个我晓得,但是他用p>span这个样式后,<b>标签里的内容是没有受CSS样式影响的?
      

  5.   

    而我按照他这个例子一摸一样写了个,<b>标签里的内容是受影响的
      

  6.   

    浏览器IE5,IE6,IE7,IE8,IE9对CSS的支持效果都是不一样的,你使用IETester测试下各版本的显示效果。
      

  7.   

    我是用Dreamweaver直接预览的,它这个是几?
      

  8.   

    这例子有问题吧。应当是
    <p>这是最外层的文字,<span>这是中间层的文字,<b>这是最内层的文字,</b></span></p>
    这个有效果<p>这是最外层的文字,<div><span>这是中间层的文字,<b>这是最内层的文字,</b></span></div></p>
    这个没有效果。b总是继承span的样式的吧。
      

  9.   

    什么破例子
    当然影响了,b继承了span的color,参考:http://www.w3schools.com/cssref/pr_text_color.asp
    里面Inherited: yes就是指color这个属性的值会被子孙自动继承
      

  10.   

    你第二个例子没效果 是不是因为<p>标签下没有直接子元素<span>标签
      

  11.   

    你<b>这是最内层文字</b>包含在<span>中,又设置了<span>的文字样式,那肯定要受影响的啊
      

  12.   

    你去掉<p>,直接试<span>加<b>的嵌套,<b>部分一样跟<span>的样式一致,不是子选择的问题。