أدوات لالتقاط وتحويل الويب

استخدام محددات CSS في GrabzIt

يتم استخدام محددات CSS في العنصر الهدف وإخفاء العنصر وانتظر ميزات العنصر لتحديد عنصر HTML واحد أو أكثر. النوعان الرئيسيان من محددات CSS هما إما الاختيار حسب المعرف أو الفئة. عنصر HTML له معرف إذا كان يحتوي على سمة المعرف كما هو موضح أدناه.

<span id="myidentifier">Example Text</span>

لتحديده ، يمكنك إنشاء محدد CSS مثل #myidentifier

إذا كان عنصر HTML يحتوي على فئة ، فسيكون له سمة الفئة كما هو موضح في هذا المثال.

<div>
<span class="myclass">Example Text One</span>
<span class="myclass">Example Text Two</span>
<span class="myclass">Example Text Three</span>
</div>

لتحديده ، يمكنك إنشاء محدد CSS مثل .myclass

إذا كنت ترغب في تحديد عنصر معين مع فئة myclass يمكنك استخدام محددات CSS قياسية للقيام بذلك في هذه الحالة نطة الطفل (2) محدد مثل ذلك: .myclass:nth-child(2) لتحديد فترة myclass الثانية. ومع ذلك ، لن يعمل هذا إلا في هذه الحالة لأنه لا توجد عناصر أخرى تحت عنصر div div. إذا كان هناك عنصر ap على سبيل المثال ، فسيغير مؤشر nth-child.

التعامل مع عناصر مطابقة متعددة

إذا تم إرجاع عناصر HTML متعددة من محدد CSS وكنت تستخدم العنصر الهدف أو انتظر ميزات العنصر ، فسيتم استخدام عنصر المطابقة الأول فقط. ومع ذلك ، إذا كنت تستخدم ميزة إخفاء العنصر ، فسيتم إخفاء جميع عناصر HTML المطابقة.

إذا كنت تريد إخفاء عناصر متعددة بأدوات أو فئات مختلفة ، فيمكنك القيام بذلك عن طريق فصل كل محدد CSS بفاصلة. على سبيل المثال ، لإخفاء المثال والمعرّف أعلاه ، ستستخدم ما يلي #myidentifier,.myclass