задать марджины между кнопками в классе Опции

[mstdmstd]

Всем привет,
Имея группу кнопок внути блока с классом editor-btn-group :

<div class=" btn-group pull-right editor-btn-group">
  <input type="button" value="Next" class="btn btn-success btn-login-submit" onclick="java script:onSubmit();">
  <button type="button" class="btn btn-danger btn-cancel-action" style="margin-left: 20px;" onclick="java script:document.location='' ">Cancel</button>
</div>

Можно ли задать марджины между кнопками в классе editor-btn-group, и если да то как?
Спасибо !

[Анттошка]

А как ты хочешь внутренним блокам задать поля через родитель? Первой кнопке задай поле и вперед.

[Durex]

editor-btn-group:first-child {margin:5px;}
Почему только один input, другой button если в целом используете bootstrap?

Сообщение отредактировал Durex - Jun 6 2016, 10:10

[mstdmstd]

editor-btn-group:first-child {margin:5px;}
Почему только один input, другой button если в целом используете bootstrap?

переделал с кнопками и first-child не подключается
https://jsfiddle.net/e214b0ab/21/

[Durex]

Пардон, промахнулся
.editor-btn-group button:first-child

[mstdmstd]

Пардон, промахнулся
.editor-btn-group button:first-child

Да спасибо так выделяется первая кнопка
Я нашел как выделить последнюю кнопку

.editor-btn-group button:last-child {

Причем совместить с первой кнопкой в одном условии не удалось...
А как выделить все кнопки?

И дайте, пожалуйста, ссылку на хорошее описание этих псевдоклассов...

[Анттошка]

Да спасибо так выделяется первая кнопка
Я нашел как выделить последнюю кнопку

.editor-btn-group button:last-child {

Причем совместить с первой кнопкой в одном условии не удалось...
А как выделить все кнопки?

И дайте, пожалуйста, ссылку на хорошее описание этих псевдоклассов...

измени тег input на button и вешай условие на

.editor-btn-group button{}

http://htmlbook.ru/samcss/psevdoklassy
Не путай с псевдоэлементами.

[Durex]

Да спасибо так выделяется первая кнопка
Я нашел как выделить последнюю кнопку

.editor-btn-group button:last-child {

Причем совместить с первой кнопкой в одном условии не удалось...
А как выделить все кнопки?

И дайте, пожалуйста, ссылку на хорошее описание этих псевдоклассов...

Для первого и последнего
.editor-btn-group button:first-child, .editor-btn-group button:last-child {}
Совсем все button {}. Только в этом слое .editor-btn-group button {}

Сообщение отредактировал Durex - Jun 6 2016, 18:03

[SyntaxError]

На все случаи жизни:

Способ №1:

.editor-btn-group button,
.editor-btn-group input[type="submit"],
.editor-btn-group input[type="button"],
.editor-btn-group input[type="reset"] {
  margin-left:20px;
}

.editor-btn-group button:first-child,
.editor-btn-group input[type="submit"]:first-child,
.editor-btn-group input[type="button"]:first-child,
.editor-btn-group input[type="reset"]:first-child {
  margin-left: 0;
}

Способ №2 (короче, но используется селектор *, что не ок для производительности):

.editor-btn-group * {
  margin-left:20px;
}

.editor-btn-group *:first-child {
  margin-left: 0;
}

Но как уже писали выше - лучше input на button заменить.

[mstdmstd]

Спасибо!