0

タスク: 'note' クラスの任意の段落内の番号付きリスト内の強調されたテキストに下線を引きます。これは私がこれまでに持っているものです...

.note>p>ol>em{text-decoration:underline;}

私はこれを実現するのに苦労しています。私のコードの何が問題なのですか?

***編集：私もこれを試してみましたが、役に立ちませんでした：

.note p ol em{text-decoration:underline;}

***編集: これは、テストに使用した HTML です...

<div class = "note">
        <p>
        Modifiers are sometimes included along with the basic command, inside...
        </p>

        <table align ="center" border = "3" >
            <td>
                <p>Three things: 
                    <ol type = "i">
                        <li><em>First</em></li>
                        <li>Second</li>
                        <li>Third</li>
                    </ol>
                </p>
            </td>
        </table>
    </div>
4

4 に答える 4

0

内のemテキストに下線を引きます:oltablediv.note

.note table ol em {
    text-decoration: underline;
}

JS フィドルのデモ。

有効な HTML を想定しているため、暗黙的な要素は省略emしました。自体は、(または) 内の内にのみ存在できます。liololtdthtable

を段落内に置くことはできません (また、段落内に配置しようとすると、ブラウザは予期せずにその要素を移動しますが、table 有効なDOMツリーのみを作成するため、移動されます)。

于 2013-05-17T15:46:42.850 に答える
0 
.note>p>ol em

最後の > を削除するだけです。

または、リストにクラスを追加して実行します

.class em（よりよい性能）

于 2013-05-17T14:57:38.557 に答える
0

> 演算子は、最初のレベルの要素のみを取得します。たとえば、スパンなどの他の要素によってラップされている場合、セレクターは機能しません。使うだけ

.note p ol em { text-decoration: underline; }

例：

<div class="test">
  <div>
    <span></span>
  </div>
  <span class="example"></span>
</div>

div.test > span {} /* Only works for the span with the example class */
div.test span {} /* Works for both spans */
于 2013-05-17T14:52:57.727 に答える