有没有可以禁止鼠标点选文字的CSS?

html-css017

有没有可以禁止鼠标点选文字的CSS?,第1张

1、启动DW网页编辑器,新建一个html网页。

2、在body中插入一个div【<div></div>】,并在head中引入CSS【<style type="text/css"></style>】。

3、然后给DIV定义一个CSS,设置宽高属性等,并写一段文字。

4、保存并打开网页,用鼠标左键可以很方便的选择上面的文字。

5、在样式中加入禁止选择文字的样式。

6、保存网页并刷新后,再用鼠标选择文字就没办法选择。

body{

    -webkit-user-select:none

    -moz-user-select:none

    -ms-user-select:none

    user-select:none

}

方法很多种,例如通过伪类:last-child{ 样式 }这个是选择最后一个父级子元素。

第一个父级子元素可以这样nth-child(1){ 样式 }

除了上面的方法还可以通过给第一和最后一个元素设置一个额外的类来设置样式。