Различен стил за вътрешни и външни връзки чрез CSS

Здравейте, скъпи читатели на блога KtoNaNovenkogo.ru. Малка забележка - изведнъж някой ще дойде по-удобно. Някак си имах желание да подредя връзки, водещи от блога към външни сайтове, и връзки, водещи към страниците на моя собствен ресурс по различни начини. Защо е необходимо това? Все още не знам, но ако желанието се появи, тогава трябваше да се опитаме да го задоволим. Всъщност решението беше намерено в този блог.

Същността на метода е да се прилагат регулярни изрази и да се използват псевдокласовите селектори after и before, за които вече писах. По принцип не е важно как точно избирате връзки, водещи към външни сайтове (можете сами да прегледате уроците по стилово маркиране и да намерите метода, който ви подхожда). Основното нещо е да отделите тези много външни връзки от вътрешните.

Как да приложа свойства в CSS само за външни връзки?

Харесах обаче опцията, предложена в блога, който намерих, когато към външната връзка се добавя икона със стрелка. Външните връзки към Wikipedia са проектирани по подобен начин (какво е това?), Което означава, че целта на такава икона ще бъде ясна за повечето потребители на мрежата.

Можете да го видите, като използвате например Firebug или инструменти за разработчици, които са налични във всеки браузър (щракнете с десния бутон върху желания елемент от уеб страницата и изберете елемент като „Преглед на кода на елемента“).

В моя случай това е post class, така че кодът е променен:

Между другото, ще бъде възможно да не добавяте нищо, а просто да промените цвета на външната връзка спрямо вътрешната или да я направите подчертана, например с пунктирана линия. За да направите това, вместо content: millet, добавете нужните CSS свойства. Надявам се да го намерите за полезно.

---