САЙТЫ  ПОД  КЛЮЧ
ОНЛАЙН-СЕРВИСЫ СПРАВОЧНИКИ SEO-ИНСТРУМЕНТЫ РАЗВЛЕЧЕНИЯ

Справочник по CSS

[атрибут^="значение"]

Internet Explorer Chrome Opera Safari Firefox Android iOS
7.0+ 1.0+ 3.5+ 1.0+ 1.0+ 1.0+ 1.0+

Версии CSS

CSS 1 CSS 2 CSS 2.1 CSS 3

Описание

Устанавливает стиль для элемента в том случае, если значение атрибута тега начинается с указанного текста.

Синтаксис

[атрибут^="значение"] { Описание правил стиля }
E[атрибут^="значение"] { Описание правил стиля }

В первом случае стиль применяется ко всем элементам, у которых значение атрибута начинаются с указанного текста. А во втором — только к определенным селекторам. Использование кавычек не обязательно.

Пример

HTML5CSS 2.1IECrOpSaFx

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Селекторы атрибутов</title>
  <style>
   a[href^="http://"] { 
    font-weight: bold /* Жирное начертание */
   }
  </style>
 </head>
 <body>
  <p><a href="link1.html">Обычная ссылка</a> | 
  <a href="http://htmlbook.ru" target="_blank">Внешняя 
  ссылка на сайт htmlbook.ru</a></p> 
 </body>
</html>

Результат примера показан ниже (рис. 1).

Изменение стиля для внешних ссылок

Рис. 1. Изменение стиля для внешних ссылок

В данном примере внешние ссылки выделяются жирным начертанием. Внешние ссылки характеризуются добавлением к адресу протокола, например, для доступа к гипертекстовым документам используется протокол HTTP. Поэтому внешние ссылки начинаются с ключевого слова http://, его и добавляем к селектору A, как показано в примере.

Справочник по CSS. Версия 7.0 от 5.11.12

© 2002–2012 Влад Мержевич, по всем вопросам пишите по адресу vlad@htmlbook.ru

htmlbook.ru


Это интересно

«Если мы смогли здесь, — говорит Дин Нельсон, топ-менеджер eBay, ответственный за постройку дата-центра в Аризонской пустыне, — то сможем где угодно». Действительно, строить дата-центр, который нужно хорошо охлаждать, в одном из самых жарких мест страны было рискованной идеей. Обычно серверы нормально функционируют при температуре от 18 до 26 градусов выше нуля по Цельсию, но инженерам eBay удалось сделать так, что дата-центр может работать даже при +46. Внутри дата-центра настолько жарко, что для охлаждения можно использовать воду, температура которой достигает 28 градусов, и все равно она будет охлаждать оборудование. Но самая инновационная разработка, примененная на этом объекте, — контейнеры, напоминающие грузовые, в которые помещают оборудование. Энергоэффективность такого контейнера достигает 95%, а это значит, что практически вся энергия, направленная в него с электростанции, тратится на поддержание функционирования сервера, а не на охлаждение.


Наши реквизиты
WMID: 309688839848
WMR: R325885159214
E-mail: 
  BL:Бизнес-уровень [BL]
QR-код сайта
Онлайн-радио
Больше радиостанций