css3属性选择器怎么使用，请问如何改变鼠标选定文本时的颜色_CSS学习

资料来源：网络整理时间：2023/3/4 0:59:06 共计：3611 浏览

1、css3属性选择器怎么使用，请问如何改变鼠标选定文本时的颜色？

鼠标选中后，背景变色的方法：如：改变选中后，选中区域的背景颜色为浅蓝色。在css中写入如下代码：/* webkit, opera, IE9 */::selection { background:lightblue; }/* mozilla firefox */::-moz-selection { background:lightblue; }说明：

1、-moz-属性前缀是个火狐浏览器用的，而基本的::selection选择器是给谷歌浏览器用的。

2、background后面可以直接使用颜色值。如：::selection { background:#ffff00; }另外：跟其它CSS选择器的用法一样，也可以嵌套使用，在不同的地方显示不同的颜色。如下：/* webkit, opera, IE9 */div.highlightBlue::selection { background:lightblue; }/* mozilla firefox */div.highlightBlue::-moz-selection { background:lightblue; }

/* webkit, opera, IE9 */div.highlightpink::selection { background:pink; }/* mozilla firefox */div.highlightPink::-moz-selection { background:pink; }

2、css样式语法？

css的样式语法是：

1、css规则由选择器和一条或多条声明两个部分构成；

2、选择器通常是需要改变样式的HTML元素；

3、每条声明由一个属性和一个值组成；

4、属性和属性值被冒号分隔开。css样式语法规则由两个主要的部分构成：选择器，以及一条或多条声明。

3、CSS样式的方式和特点是什么？

1.继承性

作用：子元素可以继承父元素的样式text-，font-，line-这些元素开头的都可以继承，以及color属性特殊性：

①. a标签的颜色不能继承，必须对a标签本身进行设置

②. h标签的字体大小不能修改，必须对h标签本身进行修改

2.层叠性

是浏览器处理冲突的一个能力如果一个属性通过两个选择器设置到同一个元素上，那么这个时候一个属性就会将另一个属性层叠掉

3.优先级

权重：！important>行内样式>id选择器>类选择器>标签选择器>通配符>继承

作用：多个选择器组合以后的优先级

算法：（0，0，0，0）==》第一个0是important的个数，第二个0是id选择器的个数，

第三个0对应的类选择器的个数，第四个0对应的是标签选择器的个数，就是当前选择器的权重。

4、css3有什么新属性可以触发z？

css3的绝对定位属性可以触发z-index，代码为position:absolute。

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。

·上一条：css3新增属性选择器的功能描述，css3的作用及角色_CSS学习 | ·下一条：border 边框隐藏，web边框的阴影怎么设置_CSS学习