bluebutton.css
.btnBlue button{
Styles go here
}
.btnBlue button::-moz-focus-inner{
Styles go here
}
.btnBlue button:hover,button:focus{
styles go here
}
.btnBlue button:active{
Styles go here
}
index.html
<!DOCTYPE html>
<html>
<head>
<title>Css buttons</title>
<link type='text/css' href='css/bluebutton.css' rel='stylesheet' media='screen' />
</head>
<body>
<button type="submit" class="btnBlue">Okay</button>
</div>
</body>
</html>
Это не похоже на работу. Я знаю, что это работает, если я пытаюсь сделать это без .btnBlue, но я хочу создать разные стили кнопок. Так же, как я могу определить для каждой кнопки, какой стиль использовать.