انواع مختلف سودو کلاس ها
سلام
خیلی از سودو کلاس هارو استاد گفتن و خیلیاشونم هستن که کم کابرد هستن ولی باز بهتره که بدونیم
empty: => هر المنتی که خالی باشه رو انتخاب میکنه مثلا p:empty انتخاب میکنه p هایی که داخلشون فرزندی ندارن
in-range: => المنت اینپوتی که مقدارش در رنج مشخص شده باشه رو انختاب میکنه
invalid: => اینپوت هایی با مقادیر invalid انتخاب میشن
(lang(language : => هر عنصری با خاصیت lang() رو انتخاب میکنه مثلا (p:lang(it عناصر p که دارای ویژگی lang=it هستند (یا با این کلمه شروع میشن) رو انتخاب میکنه
optional : => تمام اینپوت های که پراپرتی required رو ندارن
out-of-range : => اینپوت هایی که مقادیرشون خارج از محدوده ی مورد نظر باشه
read-write : => اینپوت هایی که پراپرتی readonly ندارند انتخاب میشن
target : => لینک فعال که روش کلیک شده رو انتخاب میکنه مثال :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
:target{
background-color: aquamarine;
color: black;
}
</style>
</head>
<body>
<a href="#first">go to first p</a>
<a href="#second">go to second p</a>
<p id="first">first paragraph</p>
<p id="second">second paragraph</p>
<p></p>
</body>
</html>
