Style.css не меняется

Question

У меня проблема с моим style.css Я пытаюсь создать белое поле, скрывающее текст, но оно не обновляется, любая помощь будет полезна.

#advantages{
	text-align: center;
}
#advantages .box {
	background: #ffffff;
	margin: 0 0 30px;
	border: solid 1px #e6e6e6;
	box-sizing: border-box;
	padding: 20px;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, .3);
}

<div class="advantages"><!-- advantages Begin -->
		<div class="container"><!-- container Begin -->
			<div class="same-height-row"><!-- same-height-row Begin -->
				<div class="col-sm-4"><!-- col-sm-4 Begin -->
					<div class="box same-height"><!-- box same-height Begin -->
						<div class="icon"><!-- icon Begin -->
							<i class="fa fa-heart"></i>
						</div><!-- icon Finished -->
						 <h3><a href="#">We Love Our Products</a></h3>
						 <p>We know to provide the best posible product ever</p>
					</div><!-- box same-height Finished -->
				</div><!-- col-sm-4 Finished -->
				<div class="col-sm-4"><!-- col-sm-4 Begin -->
					<div class="box same-height"><!-- box same-height Begin -->
						<div class="icon"><!-- icon Begin -->
							<i class="fa fa-tag"></i>
						</div><!-- icon Finished -->
						 <h3><a href="#">Best Prices</a></h3>
						 <p>Compare us with another site, who have the best prices.</p>
					</div><!-- box same-height Finished -->
				</div><!-- col-sm-4 Finished -->
				<div class="col-sm-4"><!-- col-sm-4 Begin -->
					<div class="box same-height"><!-- box same-height Begin -->
						<div class="icon"><!-- icon Begin -->
							<i class="fa fa-thumbs-up"></i>
						</div><!-- icon Finished -->
						 <h3><a href="#">100% Original Products</a></h3>
						 <p>We just offer you the best and original products.</p>
					</div><!-- box same-height Finished -->
				</div><!-- col-sm-4 Finished -->
				
			</div><!-- same-height-row Finished -->
		</div><!-- container Finished -->
	</div><!-- advantages Finished -->

Я хочу, чтобы они были белым окном, скрывшим текст, но вместо этого ничего не меняется

Answer 1

   <style>
.advantages{
	text-align: center;
}
.advantages .box {
	background: #fff;
	margin: 0 0 30px;
	border: solid 1px #e6e6e6;
	box-sizing: border-box;
	padding: 20px;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, .3);
}

</style>

<div class="advantages"><!-- advantages Begin -->
		<div class="container"><!-- container Begin -->
			<div class="same-height-row"><!-- same-height-row Begin -->
				<div class="col-sm-4"><!-- col-sm-4 Begin -->
					<div class="box same-height"><!-- box same-height Begin -->
						<div class="icon"><!-- icon Begin -->
							<i class="fa fa-heart"></i>
						</div><!-- icon Finished -->
						 <h3><a href="#">We Love Our Products</a></h3>
						 <p>We know to provide the best posible product ever</p>
					</div><!-- box same-height Finished -->
				</div><!-- col-sm-4 Finished -->
				<div class="col-sm-4"><!-- col-sm-4 Begin -->
					<div class="box same-height"><!-- box same-height Begin -->
						<div class="icon"><!-- icon Begin -->
							<i class="fa fa-tag"></i>
						</div><!-- icon Finished -->
						 <h3><a href="#">Best Prices</a></h3>
						 <p>Compare us with another site, who have the best prices.</p>
					</div><!-- box same-height Finished -->
				</div><!-- col-sm-4 Finished -->
				<div class="col-sm-4"><!-- col-sm-4 Begin -->
					<div class="box same-height"><!-- box same-height Begin -->
						<div class="icon"><!-- icon Begin -->
							<i class="fa fa-thumbs-up"></i>
						</div><!-- icon Finished -->
						 <h3><a href="#">100% Original Products</a></h3>
						 <p>We just offer you the best and original products.</p>
					</div><!-- box same-height Finished -->
				</div><!-- col-sm-4 Finished -->
				
			</div><!-- same-height-row Finished -->
		</div><!-- container Finished -->
	</div><!-- advantages Finished -->

Answer 2

Попробуйте следовать css ....

.advantages{
    text-align: center;
}
.advantages .box {
    background: #ffffff;
    margin: 0 0 30px;
    border: solid 1px #e6e6e6;
    box-sizing: border-box;
    padding: 20px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, .3);
}

Answer 3

Преимущества - это класс, поэтому мы используем '.' для класса и '#' для идентификатора, так замените

    #advantages

с

   .advantages