user-select: auto|none|text|all; 属性值 使用案例: body{-moz-user-select:none;/*火狐*/-webkit-user-select:none;/*webkit浏览器*/-ms-user-select:none;/*IE10*/-khtml-user-select:none;/*早期浏览器*/user-select:none; } 特别说明:不支持user-select的属性的浏览器可以使用js处理 document.body...
a { text-decoration: none; /* 无文本装饰(消除默认的下划线) */ } 不推荐使用,因为标签选择器性能不佳,维护成本高 通配选择器 * 选中页面中除伪元素外的所有 html 元素,常用于清除浏览器的默认样式,但不推荐使用,因为消耗性能。 /* 清除所有html标签默认的外边距和内边距 */ * { margin: 0; padding...
text-decoration: 设置/取消字体上的文本装饰 (你将主要使用此方法在设置链接时取消设置链接上的默认下划线。) 可用值为: none: 取消已经存在的任何文本装饰。 underline: 文本下划线。 overline: 文本上划线 line-through: 穿过文本的线。 你应该注意到text-decoration可以一次接受多个值,如果你想要同时添加多个装饰值...
input:not([type="text"]){border:none;} 这段代码将为所有不是 type="text" 的 input 元素移除边框。 注意 :not伪类是 CSS3 选择器的一部分,并且得到了广泛的浏览器支持。 :not伪类可以提高 CSS 代码的灵活性,允许你更精确地控制样式的应用。
p:empty{display:none;} 5.CSS3 结构性伪类选择器—target:target选择器称为目标选择器,用来匹配文档(页面)的url的某个标志符的目标元素。 6.CSS3 结构性伪类选择器—first-child:first-child选择器表示的是选择父元素的第一个子元素的元素E。简单点理解就是选择元素中的第一个子元素,记住是子元素,而不...
ul > li {list-style:none;} //仅限ul的直接子元素li,如果li里面还嵌套着另一个 ul 结构时,最里面的 li 将被忽略 E + F:相邻兄弟选择器,该选择器定位与元素E具有相同父元素且在标记中紧邻E的元素F: li + li {border-top:1px solid #ddd;} //定位具有相同父元素ul里除第一个li之外的所有li ...
属性等于[attribute=value] [type=text] {display: block;} 选择type属性值为text的标签 属性包含[attribute~=value] [eyes~=小眼睛] {display:none} 选择所有eyes属性包含小眼睛的元素() [attribute|=word] [eyes|="小眼睛"](常与attribute^=value混淆) 选择eyes属性为小眼睛开头的元素;这个值必须是完整的...
一些网站会禁止用户选中内容复制,使用CSS可以通过user-select: none;实现。 user-select属性用来控制用户能否选中文本。参数有auto、text、contain、all等。 当属性值为all时,点击子元素或者上下文时,包含该子元素的最顶层元素也会被选中。当我们在复制整篇内容时,可以通过先找到想要复制的元素的根元素,然后加上user-se...
text-decoration, text-transform, letter-spacing, word-spacing(合适情境下), line-height, float, vertical-align(只有当float为none的时候)这些CSS属性们 换句话说,如果尝试使用visibility:hidden或者display:none隐藏::first-letter伪元素,是不会生效的
text-decoration: none; /* 无文本装饰(消除默认的下划线) */ } 1. 2. 3. 不推荐使用,因为标签选择器性能不佳,维护成本高 通配选择器* 选中页面中除伪元素外的所有 html 元素,常用于清除浏览器的默认样式,但不推荐使用,因为消耗性能。 /* 清除所有html标签默认的外边距和内边距 */ ...