Как я могу проинструктировать ChatGPT избегать предположений о вложенности CSS? [закрыто] ⇐ CSS

[Anonymous]

Не знаю, где задать этот вопрос, задаю его здесь, поскольку он имеет отношение к CSS и программированию.
Я попросил ChatGPT вложить этот код:

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

.select {
display: flex;
flex-direction: column;
background: #fff;
border: 1px solid #d8d8d8;
}

.icon-flex {
display: inline-flex;
}

.select .foo {
display:block;
}

Результат:

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

.select {
display: flex;
flex-direction: column;
background: #fff;
border: 1px solid #d8d8d8;

.icon-flex {
display: inline-flex;
}

.foo {
display: block;
}
}

Проблема заключается в исходном коде, где нет гарантии, что icon-flex вложен в select, хотя ChatGPT предполагает, что это так. Однако есть гарантия, что foo вложен внутри select. Как я могу поручить ChatGPT избегать подобных предположений?


Подробнее здесь: https://stackoverflow.com/questions/782 ... ss-nesting