為html標簽定義自定義CSS樣式

Question

我不做CSS，我也不知道這叫什么，所以請原諒:-)

.examples {
 }

.examples b {
  font-weight: bold;
}

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

我假設以上內容表示<div class='examples'>任何b或p標簽都將使用.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/

Answer 1

由於您在標簽上使用的是類，因此它必須是一個類選擇器，並且該元素必須是.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*/
}

Answer 2

您似乎要問的是用來描述子元素繼承祖先風格的術語。 這是“層疊樣式表”的“層疊”。 並不是所有的元素從他們的父母/祖先那里繼承了（ a鏈接，值得注意的是，不繼承color由默認的屬性，雖然指定color: inherit;在他們的CSS聲明可以讓他們這樣做）。

如果您要詢問如何參考選擇器列表，這些選擇器確定特定規則所針對的元素，那就是“選擇器”或“選擇器表達式”。

參考文獻：

• CSS（來自Mozilla開發人員網絡，“ MDN”） 。
• CSS 2.1簡介（來自W3C） 。
• 選擇器，級別3（來自W3C） 。