前端知识选择器 以及css 引入三大方式
css 书写方式分三种
引入
行内样式
文本样式
选择器分为 4类
父子选择器 >
后代选择器 空格
兄弟选择器 +
统计选择器 ~
html实例
1
2
3
4
5
6
7
8
9
10
11
12
<ul id=”uli”>
<li class=”lie”>class 类名选择器</li>
<li class=”fu”><a href=””></a></li>
<li>测试专用li</li>
<li>测试专用li</li>
<li>测试专用li</li>
<li>测试专用li</li>
<li>测试专用li</li>
<li>测试专用li</li>
<li>测试专用li</li>
<li>测试专用li</li>
<搭建各类项目系统点我wcqh.cn/ul>
点击 “运行实例” 按钮查看在线实例
css实例
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<style>
#uli {
background-color: rgba(0, 0, 0, .5);
border-radius: 5px;
border: 1px solid red;
}
#uli li {
list-style: none;
}
#uli .lie {
color: blue;
}
#uli + li {
list-style: none;
}
#uli ~ li {
list-style: none;
}
#ul .fu>a {
font-weig搭建各类项目系统点我wcqh.cnht: bold;
text-decoration: underline;
}
</style>
点击 “运行实例” 按钮查看在线实例
© 版权声明
1.如需技术支持联系QQ：1339833655
2. 本站所有资源来源于用户上传和网络，如有侵权请邮件联系站长！
3. 分享目的仅供大家学习和交流，您必须在下载后24小时内删除！
4. 不得使用于非法商业用途，不得违反国家法律。否则后果自负！
5. 本站提供的源码、模板、插件等等其他资源，都不包含技术服务请大家谅解！
6. 如有链接无法下载、失效或广告，请联系管理员处理！
7. 本站资源售价只是摆设，本站源码仅提供给会员学习使用！
8. 如遇到加密压缩包，请使用360解压,如遇到无法解压的请联系管理员！
THE END
会员专属
暂无评论内容