Выборка тэгов по атрибутам

@Sergio Aguero · Регистрация: 11.04.2012

Студворк — интернет-сервис помощи студентам

вот вопрос. Имею такие ссылки на сайте

HTML5
1
<a>Главная</a>|<a href="/catalog.htm">Каталог</a>

надо выбрать ссылку с <a href=""> и задать ей красный цвет!
Не создавая новый класс или присваивая тэгу айди!!

CSS
1
2
3
a[href="*"]{
color:red;
}

Не получается!

Добавлено через 1 час 30 минут
up

@Taatshi · 17.03.2013, 18:09

И не получится. <a href="/catalog.htm"> - это единый элемент, а ты хочешь его разбить на подкусочки.

@МихаилМ · 17.03.2013, 18:34

CSS
1
2
3
a:link {
  color: red;
}

@Sergio Aguero · 17.03.2013, 18:48 **[ТС]**

Сообщение от МихаилМ

CSS
1
a:link { color: red; }

WTF??? причем здесь псевдоселекторы?

@МихаилМ · 17.03.2013, 19:30

А что мешает использовать эти псевдоклассы ?

CSS
1
2
3
4
a:link {color:#FF0000;}      /* unvisited link */
 a:visited {color:#00FF00;}  /* visited link */
 a:hover {color:#FF00FF;}  /* mouse over link */
 a:active {color:#0000FF;}  /* selected link */

@Sergio Aguero · 17.03.2013, 20:50 **[ТС]**

Сообщение от МихаилМ

А что мешает использовать эти псевдоклассы ?

CSS
1
2
3
4
a:link {color:#FF0000;} * * */* unvisited link */
*a:visited {color:#00FF00;} */* visited link */
*a:hover {color:#FF00FF;} */* mouse over link */
*a:active {color:#0000FF;} */* selected link */

Ты вообще суть моего вопроса понимаешь нет?? Причем тут ховер,линк, визитед и эктив?? Прочитай внимательно еще раз тему))

@МихаилМ · 17.03.2013, 21:16

CSS
1
2
3
 a:not([href*='/']){
          color:red;
      }

Вот если ссылка начинается не с /, то она становится красной.

@Sergio Aguero · 18.03.2013, 07:30 **[ТС]**

Сообщение от МихаилМ

Вот если ссылка начинается не с /, то она становится красной.

а мне надо наоборот!! если ссылка начинается с /

CSS
1
2
3
 a[href*='/']{
          color:red;
      }

так получается?)

Добавлено через 2 минуты
МихаилМ, скобки круглые только надо убрать

Vovan-VE · 18.03.2013, 17:53

Сообщение от Sergio Aguero

а мне надо наоборот!! если ссылка начинается с /

CSS
1
2
a[href^="/"] {
}

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

@Taatshi Почетный модератор 12274 / 5340 / 268 Регистрация: 05.04.2011 Сообщений: 14,086 Записей в блоге: 2
	17.03.2013, 18:09
	И не получится. <a href="/catalog.htm"> - это единый элемент, а ты хочешь его разбить на подкусочки. 0