扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
这篇文章给大家分享的是有关Css的选择器是什么的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。
创新互联是一家专业提供磐安企业网站建设,专注与成都网站建设、网站制作、成都h5网站建设、小程序制作等业务。10年已为磐安众多企业、政府机构等服务。创新互联专业的建站公司优惠进行中。
CSS的3种主要的选择器。
1.通用标签：CSS代码中的 p用来选择HTML元素
。
2.类（classes）： CSS代码中的 .intro用来选择带有属性 class="intro"的HTML元素。
3.ids：CSS代码中的 #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;}
第一行定义所有的 链接颜色为蓝色。第二行定义当被悬停时，链接颜色为红色。第二行选择的是同样的HTML元素，但是有特定的行为发生。(本例中是发生了用户悬停动作）。
:visited
这个伪类的目标对象是被访问过的链接。默认情况下，链接是蓝色的，当被您访问（点击或触摸）过后，变成紫色。
例子如下：
CSS代码
a{ color: dodgerblue;}
a:visited{ color: rebeccapurple;}
感谢各位的阅读！关于“Css的选择器是什么”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网