请问下面两种CSS写法有什么区别？

Question

请问下面两种CSS写法有什么区别？具体有什么区别？功能上是否一样？第一种
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
第二种
.ui-tabs .ui-tabs-nav { padding-bottom: 1px; border-bottom-width: 0; }
li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }

Answer 1

第一种是把具有相同的CSS属性元素写在一条语句上，第二种是分别写。如果两个元素CSS属性不同的话，就不能用第一种方法了。

Answer 2

第一种
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }这个范围小吧

Answer 3

看看css选择器
多个html元素共用一个样式的定义

Answer 4

楼上的别误导别人啊第一种是.ui-tabs中的.ui-tabs-nav中的li.ui-tabs-selected的css。第二种是.ui-tabs中的.ui-tabs-nav和li.ui-tabs-selected的css

Answer 5

两种定义不同的， 7楼正解。  有逗号的才是1，5楼说的情况， 没逗号的是一层层约束下去的。第2种等价于
.ui-tabs .ui-tabs-nav，li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
一个逗号的区别，但是意义完全不同了

Answer 6

filter1 filter2 filter3  //嵌套关系，filter1中的filter2中的filter3
{
   .....
}filetr1,filetr2,filter3  //并列关系，filter1和filter2和filter3
{
   .....
}

Answer 7

A B C{...   }
A中的B中的C才显示某个样式。
A,B,C {...}
A或B或C都显示某个样式

Answer 8

如果我的页面只有我需要设置的li，下面这种写法岂不是正确了？也能得到相应效果了？当然，事实上不能得到相应效果.ui-tabs .ui-tabs-nav { padding-bottom: 1px; border-bottom-width: 0; }
li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }