前端培训课程之标签之间的关系

标签之间的关系

• 祖先元素 – 直接或间接包含后代元素的元素。

• 后代元素 – 直接或间接被祖先元素包含的元素。

• 父元素 – 直接包含子元素的元素。

• 子元素 – 直接被父元素包含的元素。

• 兄弟元素 – 拥有相同父元素的元素。

后代选择器

• 后代选择器可以根据标签的关系,为处在 元素内部的代元素设置样式。

• 语法: 祖先元素 后代元素 后代元素 { }
• 比如p strong 会选中页面中所有的p元素 内的strong元素。

伪类和伪元素

• 有时候,你需要选择本身没有标签,但是 仍然易于识别的网页部位,比如段落首行 或鼠标滑过的连接。CSS为他们提供一些选 择器:伪类和伪元素。
给链接定义样式

• 有四个伪类可以让你根据访问者与该链接的交 互方式,将链接设置成4种不同的状态。

• 正常链接 – a:link

• 访问过的链接 – a:visited(只能定义字体颜色)

• 鼠标滑过的链接 – a:hover

• 正在点击的链接 – a:active
其他

• 获取焦点 – :focus

• 指定元素前 – :before

• 指定元素后 – :after

• 选中的元素 – ::selection

想要了解跟多关于web前端培训课程内容欢迎关注尚硅谷web前端培训,尚硅谷除了这些技术文章外还有免费的高质量web前端培训训课程视频供广大学员下载学习


上一篇:
下一篇:
关于尚硅谷
教育理念
名师团队
学员心声
资源下载
视频下载
资料下载
工具下载
加入我们
招聘岗位
岗位介绍
招贤纳师
联系我们
电话:010-56253825
邮箱:info@atguigu.com
地址:北京市昌平区宏福科技园综合楼6层(北京校区)

 深圳市宝安区西部硅谷大厦B座C区一层(深圳校区)

上海市松江区谷阳北路166号大江商厦6层(上海校区)