Как я могу изменить CSS определение стиля, чтобы сделать границу на конкретном DIV

Question

У меня есть это определение CSS стиль:

[class*="col-"] { 
    border: 1px solid #dddddd; 
} 

Определение стилей CSS выше сделать границу для всех бутстраповских столбцов сетки в моей странице.

Но мне нужно установить границу для столбцов сетки начальной загрузки в конкретном div с помощью id = borderedArea.

Вот example

Как изменить выше определение стиля, чтобы сделать границу на конкретном DIV с идентификатором = borderedArea

Answer 1

Пожалуйста, попробуйте следующее:

#borderedArea [class*="col-"] { 
    border: 1px solid #dddddd; 
} 

Answer 2

Попробуйте использовать этот селектор CSS3. Это выберет все элементы внутри myDiv, чье имя начинается с col.

#myDiv [class^="col-"] { 
}