CSS - добавление границы ко всем divs

Мне было интересно, есть ли какой-нибудь "простой" способ добавить через css, скажем:

border: 1px solid red;

для всех div, независимо от их идентификаторов.

Я понимаю, что это может быть очень простой вопрос (или вообще невозможно), и я надеюсь, что это достаточно ясно.

Чтобы уточнить, скажем, у меня есть:

HTML

<div id="one">

</div>

<div id="two">

</div>

и CSS

#one{
height: 10px;
width: 10px;
}

#two{
height: 10px;
width: 10px;
}

В результате я хочу:

#one{

height: 10px;
width: 10px;
border: 1px solid red;
}

#two{
height: 10px;
width: 10px;
border: 1px solid red;
}

Я хочу достичь этого без необходимости идти один за другим.

Спасибо заранее!

Пожалуйста, запросите необходимые разъяснения!

Ответы

Ответ 1

div {
    border: 1px solid #000000;
}

Ответ 2

Я согласен с ответом @McAden. Кроме того, вы можете использовать jquery для добавления стиля на лету:

<script type="text/javascript">
    $('div').css('border','1px solid #000');
</script>

Ответ 3

CSS Using
#one{
height: 100px;
width: 100px;
border:1px solid #000;
}
// you can use sepertely
#two{
height: 100px;
width: 100px;
border-bottom: 1px solid #000;
border-top: 1px solid #000;
border-left: 1px solid #000;
border-right: 1px solid #000;
}

JQuery Использование

<script type="text/javascript">
    $('#one').css('border','1px solid #000');
</script>

Ответ 4

Возможно, это поможет вам:

div#one, div#two{
    border:1px solid red;
}

Ответ 5

Как говорил МакАден, вы можете указать, какие divs вы хотите стилизовать. Вместо добавления класса в каждый div вы можете попробовать подобный подход,

.theseDivs div{
    /*styles here*/
}

<div class="theseDivs">
    <div>Style applied here</div>
    <div>and here, </div>
</div>
<div>but not here</div>

Ответ 6

$('div').css("border", "1px solid #CCC");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<div>
1
  <div>
    3
    </div>
<div>
2
</div>
</div>

Ответ 7

Для всех элементов

<style> * {
    border: 1px solid #000000;
}
</style>