Езикът на проектиране на уеб страниците на CSS изглежда измамен, лесен за разбиране и използване, което прави всеки уеб разработчик да бърза да се насочи към амбразурата, често без задълбочено проучване на структурата и основите на този език за маркиране. Това не е изненадващо, защото каскадните таблици със стилове ви позволяват да подредите уеб страница просто като посочите необходимите му свойства, които могат да бъдат многократно копирани от учебника. Проблемите започват, когато такъв уебмастър срещне код на непознат, той се губи в него и не разбира принципите на взаимодействие между елементите на страницата. Поради опитите за манипулиране на кода, страницата започва да изглежда хаотично, неудобно, сякаш е извършено в зората на интернет през 90-те години - всички препратки са сини или виолетови и също имат ужасно остарял дизайн. Това е проблем, който ще се научим да решаваме бързо и лесно, използвайки правилните селектори и декларации за стойност.

Инструкция: премахване на CSR подчертаване на връзките

Свойството за декориране на текст съответства на подчертаване на текста. За да премахнете изцяло подчертаването на CSS връзката на страницата, можем да използваме един от следните методи:

директно да присвоите атрибута на стила на маркера в HTML: text-decoration: none;

да присвои линк и да приложи подобни свойства към него;

За да премахнете подчертаването на CSS връзките за няколко елемента, трябва да им зададете класклас на атрибути и предписва този имот, както за единична връзка.

Наред с други неща, има начин в CSS да се премахнат подчертаванията на връзките в цялата страница, за това е необходимо да се използва следния синтаксис:

a {text-decoration: none;}.

Подводни камъни при работа в CSS с връзки

Когато става въпрос за промяна на типа полеви елементи на всяко действие, за разработчика без опит, всичко става още по-сложно. Но не бъдете отчаяни, решението е толкова просто и елегантно, както в предишния случай със стандартния изглед на елементите. Връзките са много трудни по отношение на управлението им чрез CSS. Например, изглежда интуитивно, че ако зададете цвета на текста на абзаца на червен, връзката в нея трябва да бъде червена - но не и тук. Всяка връзка изисква "индивидуален" подход, и ако се изрази по-технически по-точно - първо, в CSS, ние трябва или да посочим id, или class, или селектора "a" като неговото местоположение в уеб документа, за който искаме да определим свойствата. Ако свойствата са просто въведени за етикет "а", тогава ще се определят основните стилове на връзка към страници, които могат да бъдат преназначени за отделни елементи на страницата с помощта на CSS.

Премахване на подчертаването на връзките при зависване - просто, но не очевидно

Какво имаме предвид, като препращаме към хипервръзка към връзка? От техническа гледна точка това е селектор на псевдоклас и определя състоянието му в момента. Разнообразието от псевдокласове и тяхната функционалност са толкова големи, че могат да бъдат идентифицирани с отделна статия, а сега се интересувамесамо един псевдоклас е наклонен. Той е този, който е отговорен за поведението на връзката (или всеки друг HTML таг), когато се движи. Сега, разбирайки структурата на процеса на браузъра, който обработва вашия код, можете да използвате този пример:

a: hover {text-decoration: none}.

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