云朵怎么由6朵变成5朵

		<div class="cloud">
        	<div class="cloud cloud1"></div>
        	<div class="cloud cloud2"></div>
        	<div class="cloud cloud3"></div>
        	<div class="cloud cloud4"></div>
       		<div class="cloud cloud5"></div>
		</div>

.cloud {
	position: relative;
	width: 200px; 
	height: 60px; 
	background: #FFFFFF;
	-webkit-border-radius: 300px;
	   -moz-border-radius: 300px;
		-ms-border-radius: 300px;
	     -o-border-radius: 300px;
	        border-radius: 300px;
	transform: translate(1000px,190px);
}
.cloud::before {
	content: " "; 
	position: absolute;
	width: 100px; 
	height: 80px; 
	left: 100px; 
	top: -13px;
	background: #FFFFFF;
	-webkit-border-radius: 100px;
	   -moz-border-radius: 100px;
		-ms-border-radius: 100px;
	     -o-border-radius: 100px;
	        border-radius: 100px;
    transform: rotate(130deg);
}
.cloud::after {
	content: " "; 
	position: absolute;
	width: 140px; 
	height: 100px; 
	left: 35px; 
	top: -28px;
	background: #FFFFFF;
	-webkit-border-radius: 150px;
	   -moz-border-radius: 150px;
		-ms-border-radius: 150px;
	     -o-border-radius: 150px;
	        border-radius: 150px;
	-webkit-transform: rotate(-30deg);
	   -moz-transform: rotate(-30deg);
	    -ms-transform: rotate(-30deg);
	     -o-transform: rotate(-30deg); 
	        transform: rotate(-30deg);	
}
.cloud1 {
	transform: translate(-350px,-100px) scale(0.8);
} 
.cloud2 {
	transform: translate(-250px,-40px) scale(0.7);
}
.cloud3 {
	transform: translate(-100px,-170px) scale(0.7);
}
.cloud4 {
	transform: translate(10px,-320px) scale(0.6);
}
.cloud5 {
	transform: translate(50px,-420px) scale(0.6);
}

1、如果按这种写法，会出来6朵，cloud里面套5个子could怎么写才会变成5朵？不希望删除里面变成4个...

2、如果H5改成clouds，下面分别为cloud1、cloud2、cloud3、cloud4、cloud5，则css里面before和after前面写clouds，下面分别写cloud1、cloud2、cloud3、cloud4、cloud5只有一朵云...

3、如果按老师的写法，css里面before、after前面的元素应该是哪个？5朵云前面的元素应该是哪个？

<div class="clouds">
        <div class="cloud x1"></div>
        <div class="cloud x2"></div>
        <div class="cloud x3"></div>
        <div class="cloud x4"></div>
        <div class="cloud x5"></div>
</div>