CSS! Раждането на нов стил.

a[href $='.pdf'] {
padding-right: 18px;
background: transparent url(icon_pdf.gif) no-repeat center right;
}

Нямах никакв апредстава, че може да се вика по този начин CSS!
Има безброй начини за ползване на това, като в примера тук се прикача иконка след всеки линк към pdf файл! 😉 Същото важи и за определени ID-та:

   span[id ^='google'] {
background-color: green;
}

Ето и селекторите:

   [foo]        -- Has an attribute named "foo"
[foo="bar"]  -- Has an attribute named "foo" with a value of "bar" ("bar")
[foo~="bar"] -- Value has the word "bar" in it somewhere ("blue bar stools")
[foo^="bar"] -- Value begins with "bar" ("barstool")
[foo$="bar"] -- Value ends with "bar" ("I was at the bar")
[foo*="bar"] -- Value has bar somewhere ("I was looking for barstools")

Лично за мен това е безкрайно полезно, като ще ми спести доста време в писане на описи за отделни класове и тагове 🙂

Линк http://www.hunlock.com/blogs/Attach_icons_to_anything_with_CSS

4 мнения по „CSS! Раждането на нов стил.

  1. Васил Тошков

    Много полезно наистина, но не вярвам да тръгне под добрия стар Internet Explorer. Преди време пробвах нещо подобно на него и не тръгна. Някой ако има информация да сподели. Иначе идеята е наистина много добра.

Вашият коментар

Вашият имейл адрес няма да бъде публикуван.