شناسه عدم حساسیت به حروف بزرگ و کوچک

در سطح 4 از سلکتورهای CSS ، یک گزینه برای عدم حساسیت به حروف بزرگ و کوچک در سلکتورهای خصوصیت، معرفی شد.  اگر ما از یک حرف i  در انتهای براکت بسته، از یک سلکتور خصوصیت استفاده کنیم، به این سلکتور امکان می دهیم تا مقادیر خصوصیت را صرف نظر از قواعد سند، به صورت غیر حساس به حروف بزرگ و کوچک مورد تطابق قرار دهد.

بعنوان مثال، فرض کنید که می خواهیم تمام لینک های یک سند PDF را انتخاب کنیم، اما نمی دانیم که این سندها با عبارات pdf.  یا PDF. یا حتی Pdf. خاتمه می یابند. به صورت زیر، می توانیم این سندها را  گزینش کنیم:

a[href$='.PDF' i]

 با اضافه کردن شناسه i، سلکتور ما تمام عناصری که خصوصیت href آنها با عبارت pdf. خاتمه می یابند را بدون توجه به بزرگ یا کوچک بودن حروف p و d و f مورد تطابق قرار می دهد. این روش عدم حساسیت به حروف بزرگ و کوچک، برای تمام سلکتورهای خصوصیت که تاکنون با آنها آشنا شده ایم، قابل استفاده است.

البته توجه داشته باشید که این فقط به مقادیر موجود در داخل سلکتورهای خصوصیت اعمال می شود. و باعث نمی شود تا خود نام های خصوصیت ها به حروف بزرگ و کوچک حساس باشند. بنابراین، در یک زبان حساس به حروف بزرگ و کوچک، سلکتور planet[type*="rock" i] می تواند تمام موارد زیر را گزینش کند:

<planet type="barren rocky">Mercury</planet>
<planet type="cloudy ROCKY">Venus</planet>
<planet type="life-bearing Rock">Earth</planet>

سلکتور مذکور، عنصر زیر را مورد تطابق قرار نمی دهد، زیرا خصوصیت TYPE با نام type تطابق ندارد: 

<planet TYPE="dusty rock">Mars</planet>

 دوباره ذکر می کنیم که، این موضوع در زبان هایی اهمیت دارد که در عنصر و خصوصیت ها به حروف بزرگ و کوچک حساس هستند، مانند XHTML . در زبان هایی مانند HTML5، که به حروف بزرگ و کوچک حساس نیستند، این مسئله اهمیت ندارد.

 نکته: تا اواخر سال 2017، مرورگرهای Opera Mini و مرورگر اندروید و Edge از این قابلیت پشتیبانی نمی کردند.