css选择器中*和html的区别是什么

时间:2017-09-28 18:22:29

标签: css selector

在css中,两个选择器的区别是什么:*和html?

*{

}

html{

}

这两种方式有何不同?

1 个答案:

答案 0 :(得分:1)

*{}选择html{}仅选择<html>元素的所有元素及其所有子元素

参见示例

&#13;
&#13;
html {
    border: solid 2px orange;
}

* {
    border: solid 2px green;
    font-size: 1.2em;
}
&#13;
<ul>
  <li>one</li>
  <li>two</li>
  <li>three
  <ul>
    <li>one</li>
    <li>two</li>
    <li>three</li>
  </ul>
  </li>
</ul>

<p>lorem ipsum</p>
&#13;
&#13;
&#13;

现在看看字体是如何变大的,因为它的em将占用前一个元素的大小。