pseudo-class:الكلاس المخصصة وكيف تستخدمها

شرح الكلاسات المخصصه pseudo-class وأين يتم استخدامها


<<السابق الحالى التالى>>
كافة الدروس

<head>
<style type="text/css">
a:hover{
    font-size:24px;
    color:#000;
    background:#ccc;
    text-decoration:none;
        }
input:focus{
    background:#f90;
    }        
    
li:first-child{
    font-size:18px;
    color:#F90;
    }    
</style>
</head>
<body>
<a href="#">اضغط هنا لزيارة الصفحة</a>
<form>
<input type="text" name="username" />
<input type="submit" />
</form>
<ul>
<li id="choose">link1</li>
<li>link2</li>
<li>link3</li>
</ul>
</body>