温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

Css的选择器是什么

发布时间:2022-03-08 11:00:58 来源:亿速云 阅读:135 作者:小新 栏目:web开发

这篇文章给大家分享的是有关Css的选择器是什么的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

CSS3种主要的选择器。

1.通用标签:CSS代码中的 p 用来选择HTML元素 <p>

2.类(classes): CSS代码中的 .intro 用来选择带有属性 class="intro" HTML元素。

3.idsCSS代码中的 #logo 用来选择带有属性 id="logo" HTML元素。

所有这些选择器都可以附加使用伪类(pseudo-classes)。一个伪类用来:

定义一个元素的特殊状态,这个状态往往和用户的动态交互行为或文档的动态结构化特征有关,因此不能提前写入HTML文档中。

是以冒号(colon : 开始的一个关键词。

伪类不能单独存在。它必须附加在一个选择器上。伪类将只是定义那个选择器的特殊状态。语法看起来如下:

.selector:pseudo-class{ }

在选择器和伪类中间没有空格, between the selector and the pseudo-class, 以表示它们是连接在一起的。

:hover

一个常用的伪类是 :hover,用来给一个悬停状态(即用户鼠标悬停在元素上时触发的状态)下的目标元素添加样式。我们可以把这个伪类用于链接。因为悬停是最基本的链接交互动作。

a{ color: blue;}

a:hover{ color: red;}

第一行定义所有的 <a> 链接颜色为蓝色。第二行定义当被悬停时,<a> 链接颜色为红色。第二行选择的是同样的HTML元素,但是有特定的行为发生。(本例中是发生了用户悬停动作)。

:visited

这个伪类的目标对象是被访问过的链接。默认情况下,链接是蓝色的,当被您访问(点击或触摸)过后,变成紫色。

例子如下:

CSS代码

a{ color: dodgerblue;}

a:visited{ color: rebeccapurple;}

 

感谢各位的阅读!关于“Css的选择器是什么”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

css
AI