Css - Duvida na seguinte estrutura

Front-end
#1

Estou dando manutenção em um sistema, porém vi umas estruturas de css que nunca tinha visto e vou deixar o código abaixo com exemplo?

[id^=Salvar] button:enabled{
  color: #fff !important;
  border: 1px solid #47C156 !important;
  background-color: #47C156 !important;
  -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out;
}

O que significa [id^=Salvar] ?

1 curtida
#2

Vai pegar todos os elementos em que o id inicia por Salvar.

https://www.w3schools.com/cssref/sel_attr_begin.asp

1 curtida
#3

obrigado man!