Selektory CSS

Question

Cześć,

 

Mam na stronie dwa obrazki(jpg i png).Jak to zrobić w css ,żeby oba obrazki miały inną width i height?

Użyć selektorów ,może nadać jakąś klasę?

 

Pozdrawiam,

Answer 1

Masz coś takiego jak tutaj. Ale rozszerzenie obrazka jest na końcu adresu... Polecam jQ  a w css'ie mógłbyś tylko zrobić dwie oddzielne klasy typu .png oraz .jpg. 

 

Edit: Mam! 

img[src*="png"]{
/*cechy png*/
}

img[src*="jpg"]{
/*cechy jpg*/
}

 

Answer 2

Rozwiązań jest wiele. Możesz np. utworzyć dla każdego osobną klasę:

.obrazek1 {
width: 200px;
height: 100px;
}
.obrazek2 {
width: 300px;
height: 200px;
}

Albo nadać im wymiary po indetyfikatorze (wcześniej trzeba go przypisać):

#obrazek1 {
width: 200px;
height: 100px;
}
#obrazek2 {
width: 300px;
height: 200px;
}

Możesz też wpisać style inline chociaż ten sposób jest niezalecany. Przykład:

<img src="obrazek.jpg" style="width: 300px; height: 200px;" />

Możesz po prostu przypisać im atrybuty HTML czyli tak:

<img src="obrazek.jpg" width="500" height="200" />

No albo możesz ręcznie zeskalować obrazki i też będzie ale pewnie nie o takie rozwiązanie Ci chodzi :)

Answer 3

Dzięki za odpowiedzi!:)