CSS3中，如果定义了两个不同的style，不同的属性是可以共同工作的，互不影响。相同的属性就要看优先级了，哪个属性的优先级高，浏览器就会把哪个属性表现出来（优先级问题可以参照博文：http://studentbingyang.blog.51cto.com/6357708/1274868）。

举个例子：

<!doctype html>
<html>
<head>
<STYLE type="text/css">
      div {
        position: absolute;
        left: 2in;
        top: 2in;
      }
    .case1{
        border:double 3px black;
    }
</STYLE>
</head>
<body>
  <P> 
       <DIV
              style="z-index: 1;background-color:green;width: 2in; height: 2in;" class="case1">
       </DIV>
   </p>
</body>
</html>

该例中，在一个p元素（<p>为标签）中同时定义了三个css3 style，第一个是div，第二个是.case1，第三个是style（这里一二三不是按优先级，只是按代码位置顺序），一二三为同一个元素p定义了三个不同的属性值，第一个是对于浏览器的位置position:absolute（绝对位置），第二个为边界border，第三个为层叠效果z-index。三个属性共同显示，互不影响。