Что делает [href ^ = «…»] в CSS?

Я использовал CSS раньше, и я натолкнулся на приведенный ниже стиль CSS, понятия не имею, что он делает.

a[href^="http:"] {
   background: url(img/keys.gif) no-repeat right top;
}
a[href^="http://mysite.com"], a[href^="http://www.mysite.com"] {
   background-image: none; padding-right:0;
}