کد CSS زیر سبب می شود که لینک هایی که در پنجره ی جدید باز می شوند، با استایل ویژه نمایان شوند. به این ترتیب، بازدیدکنندگان سایت، قبل از این که بر روی لینک کلیک کنند، می دانند که این لینک در یک پنجره یا تب جدید باز خواهد شد:
در کد فوق چند نکته وجود دارد که خوب است به آنها توجه کنید:
به انتخابگر a[target=”_blank”] توجه کنید. در CSS می توان تگ های html را بر اساس مقادیر خواص آن ها فیلتر کرد. برای این منظور همانطور که می بینید، مقدار خواص را در درون [] قرار می دهیم. در این دستور لینک هایی که دارای خاصیت target=”_blank” هستند را انتخاب کرده ایم. یعنی لینک هایی که در یک تب جدید باز می شوند.
به کلاس کاذب :before و :after توجه کنید. این دو کلاس، تگ خاصی را هدف نمی گیرند، بلکه فقط یک نقطه ی خالی در قبل یا بعد تگ مربوطه راانتخاب می کنند.
به دستور content در CSS توجه کنید. به کمک دستور content می توان یک کاراکتر یا یک متن را در قبل یا بعد از یک تگ قرار داد. توجه کنید که دستور content فقط زمانی قابل استفاده است که از کلاس کاذب :after و یا :before استفاده شده باشد.
در کد فوق، ما یک علامت \۲۷۹C که به صورت یک فلش نمایش داده می شود در قبل و بعد لینک ها قرار داده ایم.
