CSS - pseudo klasy :last-of-type
| kod |
wynik kodu |
<html>
<head>
<style type="text/css">
p:last-of-type {
background-color: pink;
height: 50px;
width: 300px;
}
</style>
</head>
<body>
<p>pierwszy akapit</p>
<p>drugi akapit</p>
<p>trzeci akapit</p>
<p>czwarty akapit</p>
</body>
</html>
|
pierwszy akapit
drugi akapit
trzeci akapit
czwarty akapit
|
| kod |
wynik kodu |
<html>
<head>
<style type="text/css">
li:last-of-type {
background-color: gold;
height: 50px;
width: 300px;
}
</style>
</head>
<body>
<div>języki romańskie:</div>
<ul>
<li>hiszpański</li>
<li>kataloński</li>
<li>portugalski</li>
<li>francuski</li>
<li>włoski</li>
<li>rumuński</li>
</ul>
</body>
</html>
|
języki romańskie:
- hiszpański
- kataloński
- portugalski
- francuski
- włoski
- rumuński
|