欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!

后嗣决意器的苦守极度强大。有了它,可以使 HTML 中不成能实现的工作成为可能。

如果有一个文档,此中有一个边栏,尚有一个主区。边栏的后盾为蓝色,主区的后援为白色,这两个区都网罗链接列表。不克不及把全部链接都配置为蓝色,由于这样一来边栏中的蓝色链接都没法看到。

筹算方法是使用长辈决定器。在这种状况下,可认为包括边栏的 div 指定值为 sidebar 的 class 属性,并把主区的 class 属性值设置为 maincontent。接下来编写下列样式:

 

div.sidebar {background:blue;}
div.maincontent {bac公斤round:white;}
div.sidebar a:link {color:white;}
div.maincontent a:link {color:blue;}

无关先辈选择器有一个易被忽视的方面,即两个元素之间的档次隔绝距离可以是无穷的。

好比,如果写作 ul em,这个语法就会选择从 ul 元素承袭的全部 em 元素,而不论 em 的嵌套条理多深。

因而,ul em 将会决议以下标志中的全体 em 元素:

 

<ul>
  <li>List item 1
    <ol>
      <li>List item 1-1</li>
      <li>List item 1-2</li>
      <li>List item 1-3
        <ol>
          <li>List item 1-3-1</li>
          <li>List item <em>1-3-2</em></li>
          <li>List item 1-3-3</li>
        </ol>
      </li>
      <li>List item 1-4</li>
    </ol>
  </li>
  <li>List item 2</li>
  <li>List item 3</li>
</ul>

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/css-tool/t51762.shtml