CSS 样式父元素

Question

我有一段 PHP 代码迭代数据库查找，每次迭代都会向父选择元素添加一个选项。

我可以将表中的列值添加到每个选项的类的名称中，然后我可以使用 option[class*="columnvalue"] 来引用它们

我想设置option所属select元素的背景色

所以简而言之，我想:父级::选项[class*="xyz"]

我看过一些关于 < 运算符的东西，但这没有用。

    echo '<select class="dropdown" name="'.$time.'-'.$group.'-'.$iteration.'-'.$new_date.'" >';
$code="";

while ($row = $result->fetch_assoc()) {

              unset($firstname, $lastname);
              $firstname = $row['firstname'];
              $lastname = $row['lastname']; 
              $memberid = $row['memberid'];
              $code = $row['code'];
              echo '<option class="drop" value="'.$memberid.'">'.$firstname . ' ' . $lastname .'</option><option value="cancel-'.$memberid.'">Cancel</option>';
}

以下将应用于该选项，但红色背景仅在展开下拉菜单时显示，而不是在选择时显示

 option[class*="drop"]{background-color:red;}

也试过这个(我不相信它实际上是一个有效的操作符 选择 < option[class*="drop"]{background-color:red;}

Answer 1

建议的语法是

select:has(option[class*="drop"]) { background-color:red; }

选择所有包含 option[class*="drop"] 元素的 select 标签。

但是它isn't supported by any browser yet .