css基础易忘易混淆知识点

css获取子元素方法的归类总结

p:first-child{}           第一个孩子的p元素 
p:first-of-type{}         所有孩子的第一个p元素

p:nth-child(2){}          第二个孩子的p元素 
p:nth-of-type(2){}        所有孩子的第二个p元素

html锚点定位

样式

  h2:target {
    color: red;
  }

<ul class="nav">
    <li><a href="#title1">CSS (层叠样式表)</a></li>
    <li><a href="#title6">创建编辑</a></li>
</ul>
<div class="content">
    <h2 id="title1">CSS (层叠样式表)</h2>
    <p>层叠样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。</p>
    <h2 id="title6">创建编辑</h2>
    <p>创建和编辑css更加常用的是AdobeDreamweaver系列软件，可视化编辑更利于web工程师快速的创建和编辑css，新版本CS5.0、CS5.5、CS6.0、CC，包含Adobe
        BrowserLab，用于针对多种浏览器测试css的兼容性。Adobe Dreamweaver是一个css创建和编辑必不可少的利器！</p>
</div>