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

3

你不能,因为 HTML 无效。OL 不能是 P 的孩子。

http://www.w3.org/TR/html-markup/p.html

A p element’s end tag may be omitted if the p element is immediately followed by an address, article, aside, blockquote, dir, div, dl, fieldset, footer, form, h1, h2, h3, h4, h5, h6, header, hr, menu, nav, ol, p, pre, section, table, or ul element, or if there is no more content in the parent element and the parent element is not an a element.

所以

<p class="note">
<ol>
    <li>One</li>
    <li><em>Two</em></li>
    <li>Three</li>
    <li>Four</li>
</ol>

<p class="note"></p>
<ol>
    <li>One</li>
    <li><em>Two</em></li>
    <li>Three</li>
    <li>Four</li>
</ol>

基本相同。

于 2013-05-17T15:41:01.480 回答
0

在内 内的em文本下划线:oltablediv.note

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

JS 小提琴演示

我省略了隐式元素,因为我假设 HTML 是有效的,所以只能em在;的内部。本身只能在a (or ) 内。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 回答