html - How to select element based on 2 inline styles in CSS?

Question

This question already has answers here: question from:https://stackoverflow.com/questions/65901152/how-to-select-element-based-on-2-inline-styles-in-css

Answer 1

Specify style*=[""] for each style like this:

div[style*="display: block;"][style*="white-space: nowrap;"]{
  ...
}

div[style*="display: block;"][style*="white-space: nowrap;"]{
  color: red;
}

div[style*="display: block;"]{
  color: green;
}

<div
  style="
    display: block;
    width: 200px;
    border-right: 1px solid rgb(237, 237, 236);
    white-space: nowrap;
    min-height: 32px;
    cursor: default;
    padding: 5px 8px 6px;
    font-size: 14px;
    overflow: hidden;
    height: 32px;
  "
>
  howdie
</div>

<div
  style="
    display: block;
    width: 200px;
    border-right: 1px solid rgb(237, 237, 236);
    min-height: 32px;
    cursor: default;
    padding: 5px 8px 6px;
    font-size: 14px;
    overflow: hidden;
    height: 32px;
  "
>
  howdie
</div>