English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
مصطلح :target CSS يمثل عنصر صفحة 页ة خاص (عنصر الهدف) لديه id يتطابق مع URL الجزء الحالي .
إبراز العنصر HTML الحالي
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>دليل الأساسيات (oldtoolbag.com)</title>
<style>
:target
{
border: 2px solid red;
background-color: yellow;
}
</style>
</head>
</body>
<h1>هذا هو العنوان</h1>
<p><a href="#news1">انتقل إلى محتوى 1</a></p>
<p><a href="#news2">انتقل إلى محتوى 2</a></p>
<p>انقر على الرابط أعلاه، ثم يتم إبراز المصطلح :target الاختياري للعنصر HTML الحالي.</p>
<p id="news1"><b>محتوى جديد 1...</b></p>
<p id="news2"><b>محتوى جديد 2...</b></p>
<p><b>ملاحظة:</b> لا يدعم متصفح IE 8 وأولى إصداراته مصطلح :target الاختياري.</p>
</body>
</html>تجربة لمعرفة ‹/›:target
# اسم الشريط هو URL يربط إلى عنصر في ملف. يتم ربط العنصر بالعنصر الهدف.
يمكن استخدام مصطلح :target الاختياري للأسلوب للعنصر target النشط.
الأرقام في الجدول تشير إلى إصدار أولي من المتصفح الذي يدعم الخاصية.
| مصطلح الاختيار | |||||
|---|---|---|---|---|---|
| :target | 4.0 | 9.0 | 3.5 | 3.2 | 9.6 |