徘徊在课堂上不工作

Question

我有以下html：

export interface Friends {
  friends: FriendIds[];
};

interface FriendIds {
  id: number;
}

这些标签是通过jquery创建的。

现在我有以下CSS：

<div class="box">
   <div class="div box_position" id="something" style="some style" onlick="somefunction"</div>
</div>

当我将鼠标悬停在其中时，它可以正常工作，但是当我将鼠标悬停在内容（div框位置）时，它不会改变边框或字体的颜色，我错过了什么？

Answer 1

是的，你有一个错字 border-color=black;

将:代替=

Answer 2

应该是.box_position并使用:( not =） 假设你没有边框

.div .box_position :hover{
   border-style: solid;
   border-color: black;
   border-width: 1px;
 }

并删除不正确的内联样式..（如果内联失败样式不起作用）正确的onclick函数调用

 <div class="box">
    <div class="div box_position" id="something" onlick="somefunction()"</div>
 </div>

Answer 3

两件事：

1. 内部div未正确关闭（缺少>）。
2. CSS中的错误：应该是.div.box_position而不是.div box_position。

直播代码：http://codepen.io/anon/pen/ZOkbNY

修改

此外，您必须指定边框的宽度和类型（在附加的代码集中完成）。

Answer 4

你不应该在

之间留出空间

.box :hover (incorrect)
.box:hover (correct)

Answer 5

有一些事情......

• 1 border-color =与border-color: black; 符号的定义不正确。

你需要像这样定义它：

.

• 2您的第二个样式定义缺少box_position类的box-position。另外，我会将其更改为.div .box-position:hover { border-color: black; } 以符合大多数命名约定。

你需要像这样定义你的风格：

div

• 3恕我直言你真的不需要定义一个名为box-position的类，所以你可以从样式定义中删除它。您可以将选择器声明为＆＃34; div中的内容＆＃34;，＆＃34;称为div .box-position:hover { border-color: black; } 。

像这样：

box-position

这表示＆＃34; div中的任何内容;并且具有div类 - 将以下样式应用于＆＃34;。

• 4您的内部>缺少一个结束尖括号（<div class="div box_position" id="something" style="some style" onlick="somefunction"> Some content </div> ）

应该是这样的：

div .box-position:hover {
    border: 1px solid black; // Give me a 1px border that has a black, solid line
}

另外，请确保为边框定义宽度，除非在其他地方声明。

您可以只用一行定义边框的样式。像这样：

$RedirectTo = "$goto";

最后。我会考虑你的选择器，并查看http://www.w3schools.com/cssref/css_selectors.asp以熟悉选择器的意思/作用以及如何使用它。

这将在您将来定义样式时提供很大的帮助。

希望这有帮助！