css3元素选择器 复印被选出来文本的背景变色改变浏览器默认的样式(颜色)

时间:6年前   阅读:4739

定义和用法

::selection 选择器匹配被用户选取的选取是部分。即对选中文本的操作。 

只能向 ::selection 选择器应用少量 CSS 属性:color、background、cursor 以及 outline。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>    
<style type="text/css">    
/*选中而面的根元素(html标签)*/    
/*:root{    
	background: purple;    
}*/    
/*选择的是#hd里空的p标签*/    
/*#hd p:empty{    
	width: 200px;    
	height: 40px;    
	background: blue;    
}*/    
/*选择当前活动的(锚链接标签)*/    
/*h2:target{    
	color: white;    
	background: purple;    
}*/    
/*选择#hd里所有的p标签,排除掉class是one的*/    
/*#hd p:not(.one){    
	width: 200px;    
	height: 40px;    
	background: blue;    
}*/    
/*想复印被选出来的背景变色改变浏览器默认的样式!这个写法火狐不认识*/    
p::selection{    
	background: green;    
	color: white;    
}    
/*加一个火狐浏览器的前缀   火狐-moz-   谷歌 -webkit-  ie  -ms-      opera  -o-  */    
p::-moz-selection{    
	background: green;    
	color: white;    
}    
</style>    
</head>    
<body>    
<div id="hd">    
	<p></p>    
	<p></p>    
	<p>表单验证输入内容不能为空的方法</p>    
	<p>clear: both;清除浮动的css写法</p>    
	<p class="jrtuj">Css3实现3D切换翻转效果</p>    
	<p>CSS3鼠标移入图片闪光划过效果的实现</p>    
	<p>CSS3盒子尺寸box-sizing不增框宽度</p>    
	<p>纯css代码怎么写三角形</p>    
<div id="jwerh">    
	<p>zblog实现导航高亮功能的方法01</p>    
	<p class="one">帝国CMS提示登录超时解决方法02</p>    
	<p>怎么样安全使用linux服务器03</p>    
<p id="btt">远程桌面链接共享显示本地磁盘04</p>    
<p id="gtt">纯js实现Emlog评论添加验证码防止垃圾评论05</p>    
<p>Windows Server 2008如何开启ASP和FTP功能06</p>    
<p id="yyc">Tengine(Nginx)配置SSL(https)07</p>    
<p>宝塔面板nginx环境下禁止ip访问(防恶意解析)教程08</p>    
<p id="kka">Emlog获取最新微语的方法09</p>    
</div>    
<span id="top"></span>    
<a href="#di1">第一个</a><a href="#di2">第二个</a><a href="#di3">第三个</a>    
<h2 id="di1">第一个 毕业的事</h3>    
说完文艺范儿派,再来聊聊技术控派的码农们,这个派别的哥哥们只关注硬件设施,数字指标等硬通货。通常聊这些话题的时候,技术控派的码农们眼睛里才会散发出别样的光芒,感觉打通任督二脉,他们只喜欢在代码里寻找高潮,追求刺激。当你在太原的互联网公司里,看到有个程序猿哥哥,代码敲着敲着,突然浑身一颤抖,十指从键盘抽离,间接性地吐出一口一口的长气流时,恭喜你,你刚刚看到的这个码农大哥,刚调通了一个bug,这种解决完bug带来的快感,你们想象不到。如果你想有一天与他们平起平坐,那么你首先要与码农精英哥哥们打成一片,不洗澡不理发穿拖鞋吃泡面,多喝咖啡多加班,少谈恋爱少化妆,买东西只上京东,从此以后告别淘宝。每每TeamBuilding团建的时候,把所有码农精英灌翻在地,不断获得"我敬你是条汉子"的最高荣耀,用极高的手速霸气碾压所有小码农,随手一指便能发出“丫又没做非空判断”或是“必须溢出了啊”的感叹,让他们彻底拜倒在你的人字拖下。恭喜你,你离成功不远了。    
但不管你是属于哪个派,程序猿天生有一种关怀天下的胸怀,就跟他们坚信,代码可以改变世界一样。每个太原码农心中都或多或少地幻想过,成功了老子要会所嫩模,失败了小弟只好下海干活。    
可能很多人会说太原并不是那么发达,可是却给了人一种别样的古朴,像是一位平和的有故事的老人。下面的事情绝对是太原码农们所关注的,无论你是技术控派,还是文艺范儿派,自己亲身经历的,最印象深刻。    
2011年 北美新天地建成开业 成为了太原的地标性建筑 年轻人从此逛街不再只是去柳巷 北美成为首选 也是因为北美的建成 让我这种时尚白痴开始了解一些潮牌 比如Zara 比如bershka。    
2011年 蒙山大佛景点免费开放 景色秀美 风景怡人 并且到了现在依然免费 是近郊旅游的好去处 一度成为了很多大学宿舍一起旅游的首选。    
2013年 初夏 太原全城修路 扩路和修高架桥 整个太原交通几乎瘫痪 一年过后再到太原 焕然一新的城市。    
如果你在太原,恰巧你也是码农,你会把自己归到哪一派?    
当然,如果你问我,闰土啊,你在太原这座城市生活了这么久,究竟在太原做前端开发是种怎么样的体验,惊不惊喜,意不意外,刺不刺激?    
我告诉你,在太原当码农,老刺激了,噗嗤~。这或许是一个沉重的话题,每每聊到这时,我便陷入了深思。说实话,从杭州回到老家太原,如果我跟你说心理上没有落差,那是骗人的。太原大部分能和互联网沾点边的公司, 整体的技术栈还是相对来说比较陈旧的,当然这个是由项目性质决定的,面向互联网的项目比较少,优秀的产品基本没有,技术氛围不算浓厚,公司内部的技术交流会是少之又少。    
比如和我同在太原的童鞋小Z,最近就跟我诉苦,说他们公司以前的项目都是jsp,jq写的。他面试的时候和经理聊过,这家公司从去年就开始用vue1.x.x系列开发项目了。但是小Z进组以后发现他们对前端自动化没有什么了解,只是知道 npm run build 能打包项目,但是不知道为什么。知其然不知其所以然,说的就是这个。基本上只是用vue代替了以前jq的dom操作,并没有优化工作流程。还有最近在对接口的时候接触到了前任封装的ajax方法,是用jq的ajax搭配promise。原本几十行代码,他换成axios以后只有不到十行,在项目中经常能见到这种新旧混杂的地方。    
对于小Z的吐槽,我已经司空见惯了。最后他跟我说了句,用vue的页面仔还是页面仔,哈哈~    
吐槽完了劣势,我们再来说说优势。相比于一线城市,在太原撸代码的优势,则是体现在了生活层面。比如说不用租房,不用天天吃外卖,同事都是山西人,很容易交流。在一个生活了十几年的城市,无时无刻都能感觉到放松和亲切。    
还有一个优势,相对于一线城市来说,工作没有太大的压力,有什么比较困难的需求都会让找个成品或者用个第三方,没有那种让造轮子的领导。我在杭州的时候为了压缩首屏加载时间,连UI框架都没用,全是手写,不过那段日子也是我成长最快的时候。    
总之,离家近,便利又心安。    
对于常年混迹于太原前端圈的我,发现最近两年太原招聘市场的一个发展趋势是,前端开发已经和Java、PHP一样,成为公司招聘的标配。总体来说,后端的薪资依旧比前端的要高一些。不过还是有一小部分公司认为前端就是会切页面的程序员,当然,未来几年关于对前端的这种片面印象有没有改观,我就不得而知了,拭目以待吧!    
<h2 id="di2">第二个 工作十年经历</h3>    
今天请了一下午的时间专程跑去Top2的之一的电商公司面试,三轮面试全过了,不过结果过没过还不知道,还在等待中。感觉自己十年的努力只不过像画了一个小小的圈,貌似又回到了起点。    
十年前自己刚大专刚毕业的时候由于对计算机非常感兴趣,学习也比较用功,以全国第四的校招成绩进入了Top5的软件外企(外派制),当时以为这个公司就是我的唯一,甚至不能理解为什么会有人跳槽。很快由于我专业分享的增多,陆续有人来挖我,开出的价钱也是Doubl。,由于所在的外企项目做完了可能类似专业的项目不会很快有,再加上薪资的诱惑就跳到了第一家外包公司同时也换了城市。但很快发现我不太适应这个新的城市S,发现这个城市只有工作没有生活(没有认识的人)。因此还是决定回到大学时所在的城市B。    
为了尽快能回到大学时的城市B我答应了另一家外包公司的邀请,但是悲催的是外包公司不可能养你(其他公司也一样),按你的要求来走,于是我虽然入职在B城市,但是基本上都外派到S城市附近,而且一出差又大半年。期间原来的Top5的软件外企公司还有一次面试机会但我当时想着刚来这家新公司直接走了不好,于是不太上心甚至有点不太在乎的应付了一下我的第一家公司。因此也再错过了。    
为了还是能稳定的呆到B城市,我还是积极的找工作,终于在朋友的引荐下去了一个类似于家族企业。还好这家企业是甲方出差很少因此我有时间读了本科,考了PMP,做起项目管理。但是由于公司在互联网IT方面的投入亏损严重因此进行了大量的裁员,最终我在一位可能是我的职场“竞争对手”(当时留下来的我和他都比较资深点,他的年纪比多大点)的引荐下开始了创业的历程。    
现在回想起来两年的创业感觉像是一场关于管理的实验,在企业过程中不断的尝试不同的管理办法。却一直没有找到办法去盈利。画饼的方式随着时间的推移渐渐的不能满足员工以及投资者的耐心。最后公司融资失败,CEO离场,我们也陆续离场。今天面试的时候我还特意访问了一下之前的网站和APP,发现主站首页报的Redis错误好像已经很久没有人管了。值得欣慰的是在创业的两年时间里读完了研究生课程。    
由于虽然在创业公司的历程中发现了微信的流量红利,因此想借助这个红利来进行创业。刚好那段时间其实找了一段时间的工作靠谱的机会也没有,再加上自己的房子装修因此为了省钱+创业,自己开始捣鼓起来微信的内容流量红利,期间还花了不少时间去找融资建团队。最后折腾了一年没敢投入太多的钱去做,更多的是耗上了自己的时间精力,当然还有信用卡等欠下来的十来万欠款。在最后一个月快支撑不下去的时候找到了下一份工作。    
虽然之前我认为我也算有几年工作经验,但是这份互联网金融产品的新工作强度还是让人有点招架不住。以至于我在跟我媳妇抱怨的时候,我媳妇还提醒我要好好表现争取过试用期。。。也第一次遇到了这种24H需要待命的老板。入职第一天报到领完电脑,下午就订机票出差,然后就是持续的出差。最郁闷的还有公司后来又搬家了,我一趟上班时间从原来的1小时延长到了2.2小时。还尝试过几次自己开车,鉴于B城市优秀的交通情况基本上都得2.5-3h才能从我家完整的开到单位。于是有了开头一幕的面试场景。当然这个场景也是我近期投了这家公司近百个职位之后获得的面试机会。    
<h2 id="di3">第三个 这些问题确实不怎么好问答</h3>    
我是那种看了“21天精通ASP.NET”视频就死皮赖脸混进IT队伍的,拖控件的时候觉得简单,但很快,各种具体问题就出来了。我记得当时有一个问题,是后台取不到前台传回来的值,记得我满头大汗,无计可施,只好找我们 team leader,他是从ASP做过来的,“这简单啊,不要急不要急,方法很多!最简单的放一个hide input,或者放在cookie里,或者给个url参数……”    
我印象特别深刻。一方面,他那种气定神闲的架势;另一方面,就在那一刻,我明白了那种“在基础层面上的差距”,不知道怎么形容,大概就是所谓的“底蕴”吧?    
所以那时候ASP.NET开发人员被人看不起,“除了拉控件,啥也不会”。但这话是不对的,“除了拉控件,啥也不会”的,是我这种一开始就学ASP.NET WebForm的人。这也是没有办法的事,那时候凡是讲ASP.NET 2.0的,不管是书籍,还是视频,基本上就只讲控件,其他的就一笔带过。确实啊,讲ASP.NET 2.0的,不可能给你从Html开始讲起吧?但没有这些东西,你的知识,你的技能,其实是“浮”着的。    
这里面,最关键的,是“技能”。“知识”吧,你还可以补,我回头学就是了;但日积月累形成的“技能”,是很难很难短时间内补上的。    
其实我做一起帮的直播,就是想的让观众通过观看一个真实的项目开发过程,来弥补“工作经验”上的不足。但越做到后来,越觉得这基本上是不可能的——除非有人愿意跟着做,甚至跟着做都不行,要换着花样的做,要遇到困难并解决困难,才能得到磨练并形成能力。    
我在直播中,遇到了各种稀奇古怪的问题。这些问题,才是衡量一个人能力的试金石。大家回想一下自己工作中搞不定的问题,是不是甩给了老大?那老大是怎么把它们解决了的呢?老大怎么就能把它解决了呢?大家都是用的C#,语法类库你都没问题,在知识层面上,你和你们老大可能是差不多的,甚至你们解决问题的方式都是一样的,google一下呗!但为什么老大就能搞定,你就搞不定?这就是能力的差距。    
能力,是练出来的,是时间给垒出来的。    
3    
3    
3    
3    
3    
3    
3    
<a href="#top">返回顶部</a>    
</body>    
</html>

本站声明:网站内容来源于网络,如有侵权,请联系我们https://www.qiquanji.com,我们将及时处理。

微信扫码关注

更新实时通知

上一篇:linux中fork()函数

下一篇:50ETF期权投资者常犯的错误有哪些?

网友评论

请先 登录 再评论,若不是会员请先 注册