前端学习笔记六

作者: 被注册的9527 | 来源:发表于2017-02-20 21:53 被阅读5次

css层叠样式表:

一、属性选择器:

1.简单属性选择:p[class]{color:red; }选择所有拥有class属性的p标签设置color为red。p[class][id]{color:red; }选择所有拥有class属性和id属性的p标签设置color为red。

2.根据属性值选择:p[id='aside']{color:red}选择id='aside'的p标签的color为red

二、伪类:

1,:link

伪类将应用于未被访问过的链接。IE6不兼容,解决此问题,直接使用a标签。

2,:hover

伪类将应用于有鼠标指针悬停于其上的元素。在IE6只能应用于a连接,IE7+所有元素都兼容。

3,:active

伪类将应用于被激活的元素,如被点击的链接、被按下的按钮等。

4,:visited

伪类将应用于已经被访问过的链接

5:focus

伪类将应用于拥有键盘输入焦点的元素。

顺序问题:LoVeHAte原则。

三、伪元素:伪元素是控制内容的

1,:first-line   表示作用于第一行文本  只能用于块级元素

2,:first-letter  表示作用于第一个字符 只能用于块级元素

3,:first-child  表示作用于第一个子元素的元素 例如:span:first-child{background:'red';} 表示作用于作为第一个子元素的span

4,:before 设置元素之前的内容,配合content设置,是行内元素

5,:after 设置元素之后的内容,配合content设置是行内元素

相关文章

  • 前端学习笔记六

    css层叠样式表: 一、属性选择器: 1.简单属性选择:p[class]{color:red; }选择所有拥有cl...

  • HTML基础学习笔记

    原 Blog 链接:HTML基础学习笔记 自学 html 基础笔记 Web 前端简单介绍 web 前端包含: pc...

  • 2月23笔记

    第十天web前端学习笔记 有道云笔记

  • 2月21笔记

    第八天web前端学习笔记 有道云笔记

  • 2月20笔记

    第七天web前端学习笔记 有道云笔记

  • 2月19笔记

    第6天web前端学习 有道云笔记

  • 收集前端学习资料

    前端的一些学习资源 html和css代码规范 前端知识体系 前端网址大全 学习CSS布局 通用 CSS 笔记、建议...

  • 一个不想减肥的吃货不是一个好程序员

    一个吃货女人的前端学习之路 日常记录学习的过程和笔记 强迫自己有写笔记和总结的习惯 前端之路不易,加油……

  • 2月22笔记

    第九天web前端学习笔记,今天太忙,笔记不多,明天补上。 有道云笔记

  • 2月14笔记

    2月14 第一天web前端学习笔记 有道云笔记

网友评论

    本文标题:前端学习笔记六

    本文链接:https://www.haomeiwen.com/subject/lylswttx.html