效果是为什么会这样，加不加空格代表的意义不一样？小白求教

Question

最主要的是一个空格问题。 首先一个div嵌套，(省略CSS)， <div class="one" id="one"> id为one,class为one的div <div class="mini">class为mini</div> </div> <div class="one" id="two" title="test"> id为two,class为one,title为test的div <div class="mini" title="other">class为mini,title为other</div> <div class="mini" title="test">class为mini,title为test</div> </div> <div class="one"> <div class="mini">class为mini</div> <div class="mini">class为mini</div> <div class="mini">class为mini</div> <div class="mini"></div> </div> <div class="one"> <div class="mini">class为mini</div> <div class="mini">class为mini</div> <div class="mini">class为mini</div> <div class="mini" title="tesst">class为mini,title为tesst</div> </div> <div style="display:none;" class="none"> style的display为"none"的div </div> <div class="hide">class为"hide"的div</div> <div> 包含input的type为hidden的div<input type="hidden" size="8" /> </div> 然后如果我写div.one :nth-child(2).css("background","#bbffaa");(div.one和:nth-child(2)之间有空格)，效果是 但是如果我写div.one:nth-child(2)……(div.one和:nth-child(2)之间无空格)，

Answer 1

正常写法是不加空格的，就是第二个div.one的背景色为bbffaa.而加了空格，那jQuery只会认为是所有.one下的子元素第二个。您写css就应该明白a.className和a.className的区别一个a的样式一个多了个空格却是a的子元素的样式。为了语法严谨还是请不要加空格。