-
“:nth-of-type(n)”选择器和“:nth-child(n)”选择器非常类似，不同的是它只计算父元素中指定的某种类型的子元素。当某个元素中的子元素不单单是同一种类型的子元素时，使用“:nth-of-type(n)”选择器来定位于父元素中某种类型的子元素是非常方便和有用的。在“:nth-of-type(n)”选择器中的“n”和“:nth-child(n)”选择器中的“n”参数也一样，可以是具体的整数，也可以是表达式，还可以是关键词。查看全部
-
“:first-of-type”选择器类似于“:first-child”选择器，不同之处就是指定了元素的类型,其主要用来定位一个父元素下的某个类型的第一个子元素。查看全部
-
“:nth-child(n)”选择器用来定位某个父元素的一个或多个特定的子元素。从1开始计算，不同于loop查看全部
-
:target选择器称为目标选择器，用来匹配文档(页面)的URI的某个标志符的目标元素。 <h2><a href="#brand">Brand</a></h2> <div class="menuSection" id="brand"> content for Brand </div> .menuSection{ display: none; } :target{/*这里的:target就是指id="brand"的div对象*/ display:block; } 1、具体来说，触发元素的URL中的标志符通常会包含一个#号，后面带有一个标志符名称，上面代码中是：#brand 2、：target就是用来匹配id为“brand”的元素（id="brand"的元素）,上面代码中是那个div元素。 多个url（多个target）处理： 就像上面的例子，#brand与后面的id="brand"是对应的，当同一个页面上有很多的url的时候你可以取不同的名字，只要#号后对的名称与id=""中的名称对应就可以了。查看全部
-
背景图片裁剪以适应 background-clip ： border-box | padding-box | content-box | no-clip查看全部
-
background-origin显示内容的起始位置 background-origin ： border-box | padding-box | content-box; --从border|padding|content算起。 P.S.若背景no-repeat，则无效查看全部
-
@font-face能够加载服务器端的字体文件，让浏览器端可以显示用户电脑里没有安装的字体。 @font-face { font-family : 字体名称; src : 字体文件在服务器上的相对或绝对路径; }查看全部
-
text-overflow&wrap用来省略不能在一行内显示的文字。当鼠标hover省略号时可选择显示所有文本。 text-overflower: clip|ellipsis; --剪切或省略 overflow:hidden; white-space:normal|nowrap; --自动换行或不换行查看全部
-
:after 选择器在被选元素的内容后面插入内容。查看全部
-
:read-only选择器 “:read-only”伪类选择器用来指定处于只读状态元素的样式。查看全部
-
:selection”伪元素是用来匹配突出显示的文本。浏览器默认情况下，选择网站文本是深蓝的背景，白色的字体，</p> CSS代码： ::-moz-selection { background: red; color: green; } ::selection { background: red; color: green; }查看全部
-
.wrapper > div:th-of-type(2n-1), .wrapper > p:nth-of-type(2n){ background: orange; } /*或者*/ .wrapper > div:th-of-type(2n+1), .wrapper > p:nth-of-type(2n){ background: orange; } /*或者*/ .wrapper > div:nth-of-type(odd), .wrapper > p:nth-of-type(even){ background: orange; }查看全部
-
<div>我是一个块元素，我是.wrapper的第一个子元素</div> <p>我是一个段落元素，我是不是.wrapper的第一个子元素，但是他的第一个段落元素</p>查看全部
-
当“:nth-child(n)”选择器中的n为一个表达式时，其中n是从0开始计算，当表达式的值为0或小于0的时候，不选择任何匹配的元素查看全部
-
选择子元素 如果您不希望选择任意的后代元素，而是希望缩小范围，只选择某个元素的子元素，请使用子元素选择器（Child selector）。 例如，如果您希望选择只作为 h1 元素子元素的 strong 元素，可以这样写： h1 > strong {color:red;}这个规则会把第一个 h1 下面的两个 strong 元素变为红色，但是第二个 h1 中的 strong 不受影响： <h1>This is <strong>very</strong> <strong>very</strong> important.</h1> <h1>This is <em>really <strong>very</strong></em> important.</h1>查看全部
举报
0/150
提交
取消