CSS3中selection选择器怎么用

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

采用H5开发+css3国际标准网站建设,让网站自动适应用户使用终端设备,PC、平板、手机等,一个网址适应,一套内容统一战略,节约企业资源。创新互联还提供网站后期营销如:软文发布平台买友情链接一元广告等。一般建站公司不为企业填充资料,更谈不上内容策划,结果导致网站界面优秀,内容却十分空泛或整体不协调,内容策划、内容填充请交给我们。

在CSS3中,我们可以使用“::selection选择器”来改变被选择的网页文本的显示效果。

注意,“::selection选择器”是双冒号。其实双冒号往往都是“伪元素”,而单冒号往往都是“伪类”。

代码如下:

<!DOCTYPEhtml>

<htmlxmlns="http://www.w3.org/1999/xhtml">

<head>

<title>CSS3::selection选择器</title>

<styletype="text/css">

div::selection

{

background-color:red;

color:white;

}

p::selection

{

background-color:orange;

color:white;

}

</style>

</head>

<body>

<div>让学习成为一种习惯</div>

<p>让学习成为一种习惯</p>

</body>

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

分享标题:CSS3中selection选择器怎么用
本文URL:https://www.cdcxhl.com/article26/isjccg.html

成都网站建设公司_创新互联,为您提供做网站网站改版网站收录网站策划全网营销推广网站设计

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

手机网站建设