Zmiany w pojedynczym elemencie klasy

Question

Witam. Czy w CSS jest możliwość edycji pojedynczego elementu danej klasy? Chodzi mi o to, że mam sobie klase z kilku elementów, które znajdują się w lini poziomej obok siebie gdzie każdy element ma przypisany: "margin: 20px;", ale chciałbym żeby pierwszy i ostatni element tej klasy miał "margin-left: 0px";. Czy istnieje taka możliwość?

Pozdrawiam. 

<div class="windows">
				<ul>
				
					<li>
							<img src="http://d2o0t5hpnwv4c1.cloudfront.net/913_jsDevs/paulirish.png">
						<div class="desc">
							<h3>Paul Irish</h3>
							<p>Web advocate at Google Chrome</p>
						</div>
					</li>
  
  
					<li>
							<img src="http://themebuilder.nl/wp-content/uploads/2012/08/chris_coyier-200x200.png">
						<div class="desc">
							<h3>Chris Coyier</h3>
							<p>Editor at css-tricks</p>
						</div>
					</li>
  
  
					<li>
							<img src="http://qph.is.quoracdn.net/main-thumb-48407-200-rjz4ORJsfr9NDV84i0AzC0oWCt14aL6g.jpeg">
						<div class="desc">
							<h3>Divya Manian</h3>
							<p>Front End Dev at Adobe</p>
						</div>
					</li>
					
					<li>
							<img src="http://qph.is.quoracdn.net/main-thumb-48407-200-rjz4ORJsfr9NDV84i0AzC0oWCt14aL6g.jpeg">
						<div class="desc">
							<h3>Somebody</h3>
							<p>Welcome!</p>
						</div>
					</li>
  
				</ul>
			</div>

 

 

Answer 1

.mojaklasa:first-child, .mojaklasa:last-child {
margin-left: 0px;
}

Poczytaj o first-child i last-child ;)

Comments

A może: http://justifygrid.com/ ?

---

A nie prościej zrobić te elementy li na display inline-block? I wtedy nie powinno być problemu z floatem.

---

No właśnie na tym opiera się justify grid ;)

---

A to sorki, nie spojrzałem dokładnie co to takiego :)

---

Dziękuję Panowie za pomoc. Dzisiaj pierwszy dzień bawię się w robienie stronek, bo bardziej siedzę w C++.