html伪类
『壹』 html语言中CSS的伪类问题
伪类就是就当一种行为好了a:hover就是当移到a上,就是a类的另一种形态,a:hover div就是当移到a上时里面的div的状态
『贰』 html 5 的CSS3新增的伪类选择器还包括哪些呀
:first-of-type p:first-of-type 选择属于其父元素的首个 <p> 元素的每个 <p> 元素。
:last-of-type p:last-of-type 选择属于其父元素的最后 <p> 元素的每个 <p> 元素。
:only-of-type p:only-of-type 选择属于其父元素唯一的 <p> 元素的每个 <p> 元素。
:only-child p:only-child 选择属于其父元素的唯一子元素的每个 <p> 元素。
:nth-child(n) p:nth-child(2) 选择属于其父元素的第二个子元素的每个 <p> 元素。
:nth-last-child(n) p:nth-last-child(2) 同上,从最后一个子元素开始计数。
:nth-of-type(n) p:nth-of-type(2) 选择属于其父元素第二个 <p> 元素的每个 <p> 元素。
:nth-last-of-type(n) p:nth-last-of-type(2) 同上,但是从最后一个子元素开始计数。
:last-child p:last-child 选择属于其父元素最后一个子元素每个 <p> 元素。
:root :root 选择文档的根元素。
:empty p:empty 选择没有子元素的每个 <p> 元素(包括文本节点)。
:target #news:target 选择当前活动的 #news 元素。
:enabled input:enabled 选择每个启用的 <input> 元素。
:disabled input:disabled 选择每个禁用的 <input> 元素
:checked input:checked 选择每个被选中的 <input> 元素。
:not(selector) :not(p) 选择非 <p> 元素的每个元素。
::selection ::selection 选择被用户选取的元素部分。
『叁』 html中伪类的理解
您好,伪 的意思就是假的。他并不是真是写在页面里的代码,是通过css伪类的样式设置来创造的一个元素。
你就记得伪类是用css来创建并控制的,body的代码里是写不出来的。
『肆』 如何在css里控制html的伪类
:hover{你的样式}
『伍』 CSS中的伪类是什么,有什么用
CSS伪类(Pseudoclasses)是选择符的螺栓,用来指定一个或者与其相关的选择符的状态。它们的形式是selector:pseudoclass{property:value;},简单地用一个半角英文冒号(:)来隔开选择符和伪类。
CSS很多的建议并没有得到浏览器的支持,但有四个可以安全使用的用在连接上的CSS伪类。
◆link用在为访问的连接上。
◆visited用在已经访问过的连接上。
◆hover用于鼠标光标置于其上的连接。
◆active用于获得焦点(比如,被点击)的连接上。
a:link{color:red}
a:visited{color:green}
a:hover{color:blue}
a:active{color:orange}
参考于
zhangbaoenji
的答案
『陆』 HTML中常见伪类和伪元素的区别
提到伪类,在人们的印象中最常用的不过是:hover、:active、:link、:visited,还有css3里的常用伪类选择器:last-child、:first-child、nth-child(n)等等!
w3c上对伪类和为元素的定义分别为:
伪类:伪类用于向某些选择器添加特殊的效果。伪元素:伪元素用于将特殊的效果添加到某些选择器
css3为了明确伪类和伪元素的区别,已经明确了单冒号(:)用于CSS3伪类,双冒号(::)用于CSS3伪元素
span:hover //伪类
span::before //伪元素
但是,为了保证兼容性,现在伪元素普遍还是使用单引号。下面我将用单引号的形式给大家做介绍
常见的伪类(pseudo-classes)和伪元素(pseudo-elements)
HTML中常见伪类和伪元素的区别
伪元素的兼容性
Chrome 2+,
Firefox 3.5+ (3.0 had partial support),
Safari 1.3+,
Opera 9.2+,
IE8+ (with some minor bugs),
几乎所有的移动浏览器。
伪元素:before和:after的定义和基本用法
定义:
:before 选择器在被选元素的内容前面插入内容。
:after 选择器在被选元素的内容后面插入内容。
使用:
使用 content 属性来指定要插入的内容。content有几个比较有用的值:[String] – 使用引号包括一段字符串,将会向元素内容中添加字符串。示例:
a:after { content: "↗"; }
attr() – 调用当前元素的属性,可以方便的比如将图片的 Alt 提示文字或者链接的 Href 地址显示出来。示例:
a:after { content:"(" attr(href) ")"; }
url() / uri() – 用于引用媒体文件。示例:
h1::before { content: url(logo.png); }
counter() – 调用计数器,可以不使用列表元素实现序号功能。具体请参见 counter-increment 和 counter-reset 属性的用法。示例:
h2:before { counter-increment: chapter; content: "Chapter " counter(chapter) ". " }
『柒』 哪些浏览器支持html css 伪类选择器
W3C规范中伪类有:
active、hover、link、visited 【CSS1】
所有主流浏览器都支持以上伪类,版但是只在对<a href>标签上的支权持最好。
【CSS2】的有3个
focus : 如果规定了<!DOCTYPE>,将在主流浏览器&IE8+中支持(否则IE不支持)
first-child:必须声明<!DOCTYPE>才能够确保在IE中正常支持
lang:如果规定了<!DOCTYPE>,将在主流浏览器&IE8+中支持(否则IE不支持)
『捌』 什么是伪类(html)
类是一种数据结构,是面向对象思想的执行者。现代面向对象的语言都支持“类”这种结构。伪类顾名思义就是,不是类的数据结构,因为语言本身不支持(例如vb6.0以前),但是又为了达到类的境界,于是就产生了伪类。通俗点就是伪类和伪娘有些类似,虽然没有女生的本质,但是外表看起来差不多。说到伪娘,让我想到了有一年春节联欢晚会的一首歌名叫做《万水千山总是情》,歌曲荡气回肠,唱出了90后香港回归的热情,唱出了我们穷人的心声。为了支援世博会,请爱护小动物,从我做起,奋发图强,学习雷锋,不怕死的精神。因为明天会更好,愿我们的祖国繁荣富强,夫妻双双把家还。
『玖』 css中什么是伪类和伪元素
伪类一开始单单只是用来表示一些元素的动态状态,典型的就是链接的各个状态(LVHA)。随后CSS2标准扩展了其概念范围,使其成为了所有逻辑上存在但在文档树中却无须标识的“幽灵”分类。
伪元素则代表了某个元素的子元素,这个子元素虽然在逻辑上存在,但却并不实际存在于文档树中。
伪类选择元素基于的是当前元素处于的状态,或者说元素当前所具有的特性,而不是元素的id、class、属性等静态的标志。由于状态是动态变化的,所以一个元素达到一个特定状态时,它可能得到一个伪类的样式;当状态改变时,它又会失去这个样式。由此可以看出,它的功能和class有些类似,但它是基于文档之外的抽象,所以叫伪类。
与伪类针对特殊状态的元素不同的是,伪元素是对元素中的特定内容进行操作,它所操作的层次比伪类更深了一层,也因此它的动态性比伪类要低得多。实际上,设计伪元素的目的就是去选取诸如元素内容第一个字(母)、第一行,选取某些内容前面或后面这种普通的选择器无法完成的工作。它控制的内容实际上和元素是相同的,但是它本身只是基于元素的抽象,并不存在于文档中,所以叫伪元素。
『拾』 html的伪类选择器
<style type="text/css">
/*
伪类选择器:伪类选择器就是对元素处于某种状态下进行样式的。
注意:
1. a:hover 必须被置于 a:link 和 a:visited 之后
2. a:active 必须被置于 a:hover 之后
*/
a:link{color:#F00} /* 没有被点击过---红色 */
a:visited{color:#0F0} /* 已经被访问过的样式---绿色 */
a:hover{color:#00F;} /* 鼠标经过的状态---蓝 */
a:active{color:#FF0;}
</style>
应用 代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<style type="text/css" >
table{
background-color:#CCC;
border-collapse:collapse;
border:3px;
}
tr:hover{
background-color:#06F;
}
</style>
<body>
<table border="1px" width="400px" height="300px" align="center" >
<tr>
<th>姓名</th>
<th>成绩</th>
<th>人品</th>
</tr>
<tr>
<td>张三</td>
<td>98</td>
<td>差</td>
</tr>
<tr>
<td>李四</td>
<td>50</td>
<td>极好</td>
</tr>
<tr>
<td>综合测评</td>
<td colspan="2">不错</td>
</tr>
</table>
</body>
</html>