CSS伪类定义3种方法
在CSS网页布局中,不可避免的会涉及到CSS伪类的问题。到底该如何正确的定义CSS伪类呢?虽然webjx中有很多相关的介绍,但复习一下也无妨。大家看下面的代码就能明白。a...
在CSS网页布局中,不可避免的会涉及到CSS伪类的问题。到底该如何正确的定义CSS伪类呢?虽然webjx中有很多相关的介绍,但复习一下也无妨。大家看下面的代码就能明白。a.zzbaike.com{text-decoration:none;}a.zzbaike.com:link{color:#f90;}a.zzbaike.com:hover{color:#fff;background-color:#FF5900;}a.zzbaike.com:active{color:#FF5900;}.wwwwebjx a {text-decoration: none;color: #ccc; }.wwwwebjx a:visited {color: #ccc;}.wwwwebjx a:hover {color: #f60;}<a href=" 第三种写法 - 网页教学网</a>
展开
4个回答
展开全部
CSS伪类用于向特殊状态的选择器添加特殊效果,使用最多的伪类是锚伪类。
a:link 未访问的链接
a:visited 已访问的链接
a:hover 鼠标移动到链接上,此伪类不止限于超链接上,其他元素也可使用
a:active 选定的链接
注意:在 CSS 定义中,a:hover 必须被置于 a:link 和 a:visited 之后,才是有效的;a:active 必须被置于 a:hover 之后,才是有效的;伪类名称对大小写不敏感。
伪类的使用是在选择器后添加伪类,如selector:pseudo-class{color:red}, selector.class:pseudo-class{color:red}
注:pseudo-class表示伪类,但并无此伪类,selector表示选择器。
CSS的伪类还有其他几种:
:active 向被激活的元素添加样式。
:focus 向拥有键盘输入焦点的元素添加样式。IE中必须声明 <!DOCTYPE>,IE8以下不支持。
:hover 当鼠标悬浮在元素上方时,向元素添加样式。
:link 向未被访问的链接添加样式。
:visited 向已被访问的链接添加样式。
:first-child 向元素的第一个子元素添加样式。IE中必须声明 <!DOCTYPE>。
:lang 向带有指定 lang 属性的元素添加样式。IE中必须声明 <!DOCTYPE>,IE8以下不支持。
CSS中,还有伪元素,形态及使用方法类同伪类。
:first-letter 向文本的第一个字母添加特殊样式。
:first-line 向文本的首行添加特殊样式。
:before 在元素之前添加内容。
:after 在元素之后添加内容。
a:link 未访问的链接
a:visited 已访问的链接
a:hover 鼠标移动到链接上,此伪类不止限于超链接上,其他元素也可使用
a:active 选定的链接
注意:在 CSS 定义中,a:hover 必须被置于 a:link 和 a:visited 之后,才是有效的;a:active 必须被置于 a:hover 之后,才是有效的;伪类名称对大小写不敏感。
伪类的使用是在选择器后添加伪类,如selector:pseudo-class{color:red}, selector.class:pseudo-class{color:red}
注:pseudo-class表示伪类,但并无此伪类,selector表示选择器。
CSS的伪类还有其他几种:
:active 向被激活的元素添加样式。
:focus 向拥有键盘输入焦点的元素添加样式。IE中必须声明 <!DOCTYPE>,IE8以下不支持。
:hover 当鼠标悬浮在元素上方时,向元素添加样式。
:link 向未被访问的链接添加样式。
:visited 向已被访问的链接添加样式。
:first-child 向元素的第一个子元素添加样式。IE中必须声明 <!DOCTYPE>。
:lang 向带有指定 lang 属性的元素添加样式。IE中必须声明 <!DOCTYPE>,IE8以下不支持。
CSS中,还有伪元素,形态及使用方法类同伪类。
:first-letter 向文本的第一个字母添加特殊样式。
:first-line 向文本的首行添加特殊样式。
:before 在元素之前添加内容。
:after 在元素之后添加内容。
展开全部
您好,向您介绍下CSS伪类的相关知识:
伪类和类不同,是CSS已经定义好的,不能象类选择符一样随意用别的名字,根据上面的语法可以解释为对象(选择符)在某个特殊状态下(伪类)的样式。
我们最常用的是4种a(锚)元素的伪类,它表示动态链接在4种不同的状态:link、visited、active、hover(未访问的链接、已访问的链接、激活链接和鼠标停留在链接上)。我们可以通过伪类给这四种状态定义不同的效果。
:link
伪类将应用于未被访问过的链接,与:visited互斥。
:hover
伪类将应用于有鼠标指针悬停于其上的元素。
:active
伪类将应用于被激活的元素,如被点击的链接、被按下的按钮等。
:visited
伪类将应用于已经被访问过的链接,与:link互斥。
//以上伪类的实例
<html>
<head>
<meta content="text/html"charset="utf-8" />
<style type="text/css">
a:link {}{color: #FF0000}
a:visited {}{}{color: #00FF00}
a:hover {}{color: #FF00FF}
a:active {}{color: #0000FF}
</style>
</head>
<body>
</body>
</html>
需要注意的是在CSS的定义中,同一个元素的:hover必须位于:link、:visited之后才能生效,:active必须位于:hover之后才能生效。
伪类和类不同,是CSS已经定义好的,不能象类选择符一样随意用别的名字,根据上面的语法可以解释为对象(选择符)在某个特殊状态下(伪类)的样式。
我们最常用的是4种a(锚)元素的伪类,它表示动态链接在4种不同的状态:link、visited、active、hover(未访问的链接、已访问的链接、激活链接和鼠标停留在链接上)。我们可以通过伪类给这四种状态定义不同的效果。
:link
伪类将应用于未被访问过的链接,与:visited互斥。
:hover
伪类将应用于有鼠标指针悬停于其上的元素。
:active
伪类将应用于被激活的元素,如被点击的链接、被按下的按钮等。
:visited
伪类将应用于已经被访问过的链接,与:link互斥。
//以上伪类的实例
<html>
<head>
<meta content="text/html"charset="utf-8" />
<style type="text/css">
a:link {}{color: #FF0000}
a:visited {}{}{color: #00FF00}
a:hover {}{color: #FF00FF}
a:active {}{color: #0000FF}
</style>
</head>
<body>
</body>
</html>
需要注意的是在CSS的定义中,同一个元素的:hover必须位于:link、:visited之后才能生效,:active必须位于:hover之后才能生效。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐于2017-11-26
展开全部
您好,向您介绍下CSS伪类的相关知识:
伪类和类不同,是CSS已经定义好的,不能象类选择符一样随意用别的名字,根据上面的语法可以解释为对象(选择符)在某个特殊状态下(伪类)的样式。
我们最常用的是4种a(锚)元素的伪类,它表示动态链接在4种不同的状态:link、visited、active、hover(未访问的链接、已访问的链接、激活链接和鼠标停留在链接上)。我们可以通过伪类给这四种状态定义不同的效果。
:link
伪类将应用于未被访问过的链接,与:visited互斥。
:hover
伪类将应用于有鼠标指针悬停于其上的元素。
:active
伪类将应用于被激活的元素,如被点击的链接、被按下的按钮等。
:visited
伪类将应用于已经被访问过的链接,与:link互斥。
//以上伪类的实例
<html>
<head>
<meta content="text/html"charset="utf-8" />
<style type="text/css">
a:link {}{color: #FF0000}
a:visited {}{}{color: #00FF00}
a:hover {}{color: #FF00FF}
a:active {}{color: #0000FF}
</style>
</head>
<body>
</body>
</html>
需要注意的是在CSS的定义中,同一个元素的:hover必须位于:link、:visited之后才能生效,:active必须位于:hover之后才能生效。
参考资料: http://www.studyofnet.com/news/75.html
希望以上的回答能够帮到你。
伪类和类不同,是CSS已经定义好的,不能象类选择符一样随意用别的名字,根据上面的语法可以解释为对象(选择符)在某个特殊状态下(伪类)的样式。
我们最常用的是4种a(锚)元素的伪类,它表示动态链接在4种不同的状态:link、visited、active、hover(未访问的链接、已访问的链接、激活链接和鼠标停留在链接上)。我们可以通过伪类给这四种状态定义不同的效果。
:link
伪类将应用于未被访问过的链接,与:visited互斥。
:hover
伪类将应用于有鼠标指针悬停于其上的元素。
:active
伪类将应用于被激活的元素,如被点击的链接、被按下的按钮等。
:visited
伪类将应用于已经被访问过的链接,与:link互斥。
//以上伪类的实例
<html>
<head>
<meta content="text/html"charset="utf-8" />
<style type="text/css">
a:link {}{color: #FF0000}
a:visited {}{}{color: #00FF00}
a:hover {}{color: #FF00FF}
a:active {}{color: #0000FF}
</style>
</head>
<body>
</body>
</html>
需要注意的是在CSS的定义中,同一个元素的:hover必须位于:link、:visited之后才能生效,:active必须位于:hover之后才能生效。
参考资料: http://www.studyofnet.com/news/75.html
希望以上的回答能够帮到你。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
double d[]=new double[100];
double d[]=new double[]{1D, 2D, 3D};
double d[]={1D, 2D, 3D};
double d[]=new double[]{1D, 2D, 3D};
double d[]={1D, 2D, 3D};
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询