javascript - 为html标签定义自定义CSS样式

我不做CSS，我也不知道这叫什么，所以请原谅:-)

.examples {
 }

.examples b {
  font-weight: bold;
}

.examples p {
  margin-top: 0.9em;
  margin-bottom: 0.9em;
}

我假设以上内容意味着b中的任何p或<div class='examples'>标签将使用.examples的样式以及为b或p定义的任何自定义样式？

我可以像这样使用约定创建自己的样式吗？

.examples mystyle {
}

<div class='examples'>
   <div class='mystyle'>
   ...

更新：

我希望mystyle使用examples样式，但用黑色底边框覆盖。使用.examples .mystyle时，底部边框显示在examples div的外部，但是使用.examples mystyle时，封闭的div看起来不错，但是底部黑色边框消失了。抱歉，这两种方法均无效。

http://jsfiddle.net/SAFX/5ft9W/

最佳答案

由于您在标签上使用的是类，因此它必须是一个类选择器，并且该元素必须是.examples的子代：

/* Notice the `.` on mystyle */
.examples .mystyle {
}

<div class="examples">
    <div class='mystyle'></div>
</div>

CSS样式包含以下几部分：

.examples .mystyle { /* selector */
   font-weight: bold;  /* This entire line is a declaration consisting of a property & value*/
}

关于javascript - 为html标签定义自定义CSS样式，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/20585572/