CSS样式父元素

Question

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

我能够将表格中的列值添加到每个选项的类名称中，然后我可以使用选项引用它[class * =＆＃34; columnvalue < / em>＆＃34;]

我想设置该选项所属的select元素的背景颜色。

所以总之我喜欢： 父::选项[类* =＆＃34; XYZ＆＃34;]

我已经看到了关于＆lt;操作员，但这没有用。

    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;}

也试过这个（我不相信它实际上是一个有效的运算符     选择＆lt;选项[类* =＆＃34;降＆＃34;] {背景颜色：红;}

Answer 1

建议的语法是

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

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

但isn't supported by any browser yet。