Условный CSS, основанный на div, а не на экране ⇐ CSS

[Anonymous]

Итак, я провел небольшое исследование и близок к ответу, но то, что я пытаюсь сделать, может оказаться невозможным только с помощью CSS, на что я очень надеюсь.

Конечная цель — установить ширину элементов с классом кирпичей на уровне 90 %, если ширина элемента с идентификатором первичного элемента равна 915 или меньше.

html-фрагмент:

Код: Выделить всё

div-1

div-2

Фрагмент CSS:

Код: Выделить всё

#primary{
width:100%;
}

.bricks{
width:45%;
}

@media only screen and ( max-width: 915px ){
.bricks{
width:90%;
}
}

В настоящее время это работает и устанавливает ширину элементов с кирпичами как класса на 90%, если размер экрана меньше 915 пикселей. Однако загвоздка в том, что существует динамический контент, который может располагаться или не располагаться слева и справа от элемента с идентификатором первичного. Это означает, что размер экрана не всегда определяет ширину элемента.

Вопрос: есть ли способ установить условный CSS для .bricks, используя только CSS (без javascript/php/и т. д.) основан на ширине #primary, а не на размере экрана?

Я знаю, что это легко можно сделать сделано с помощью javascript, но для того, чтобы он работал с другими плагинами javascript/jQuery, CSS должен быть установлен в таблице стилей CSS, а не в атрибуте стиля элемента.

Подробнее здесь: https://stackoverflow.com/questions/171 ... not-screen