Можно ли задать стили при определенном условии другому элементу?

Question

[kot98]

разметка, условно, такая:

...
<div class="progressbar">
   <div class="progressbar-line" style="width: 25%;"/>
   <div class="progressbar-point">
      <div class="progressbar-point__icon"/>
   </div>
</div>
...

у progressbar-line ширина может быть 25, 50, 75, 100%. В зависимости от ширины нужно менять цвет иконки progressbar-point__icon. могу ли только стилями через селекторы по типу .progressbar-line[style="width: 25%;"] поменять стили progressbar-point__icon

Answer 1

[Stalker_RED]

.progressbar-line[style="width: 25%;"] + .progressbar-point .progressbar-point__icon {
  outline: dashed 2px tomato;
}