html - 类没有被赋予它的属性。限制？（html + css）

Question

我已经设置好了，当我将鼠标悬停在 ap 标签上时，它会被赋予类突出显示，这将突出显示它。但是当我这样做时它不起作用。它已经有一个类，当我摆脱那个类时，它就起作用了。他们可以只有一个吗？

CSS是：

.selector {
background-color: transparent;
display: block;
width: 19%;
float: left;
}

.highlight {
box-shadow: 0px 0px 10px blue;
color: red;
}

和html片段：

<div class='selector'>
    <p class='sel_name'>Shows<p>
    <ul style='display: none' class='empty'>
        <li><a href=''>option 1</a></li>
        <li><a href=''>option 2</a></li>
        <li><a href=''>option 3</a></li>
        <li><a href=''>option 4</a></li>
        <li><a href=''>option 5</a></li>
    </ul>
</div>

Answer 1

您可以像这样使用 css 突出显示 http://jsfiddle.net/aWn3X/

我添加了以下内容：

.highlight, .sel_name:hover { box-shadow: 0px 0px 10px blue; color: red; }

Answer 2

你的问题不是很清楚。

看看并告诉我这是否接近您想要实现的目标。

http://jsfiddle.net/L5zfpjo3/

.selector {
background-color: transparent;
display: block;
width: 19%;
float: left;
}

.selector p:hover {
 box-shadow: 0px 0px 10px blue;
color: red;
}