在子元素上应用父样式

Question

我的段落标签下面有几个li标签,我正在尝试按照段落项目保持li项目的相同文本样式.但是,目前它出现的不同于父(段)元素.以下是示例HTML代码:

             <div>
                <p>
                Example paragraph
                    <ul>
                        <li>Example list item 1</li>
                        <li>Example list item 2</li>
                        <li>Example list item 3</li>
                    </ul>
                </p>
            </div>

以下是我正在使用的当前SASS代码(可能100%错误):

p {
  font-size: 1.1rem;
  >ul li*{
    font-size: 1.1rem;
  }
}

Answer 1

如此处所指定:禁止在段落内放置http://developers.whatwg.org/grouping-content.html#the-p-element列表元素.

为了实现这一点,请尝试使用<div>而不是<p>

        <div>
        Example paragraph
            <ul>
                <li>Example list item 1</li>
                <li>Example list item 2</li>
                <li>Example list item 3</li>
            </ul>
        </div>

和css一样:

 div {
        font-size: 1.1rem;
     }