以下是调用 3D 变换的方法：值描述matrix3d(n, n, n, n, n, n, n, n, n, n, n, n, n, n, n, n)使用矩阵的 16 个值来变换元素translate3d(x, y, z)使用 x 轴、y 轴和 z 轴来变换元素translateX(x)使用 x 轴来变换元素translateY(y)使用 y 轴来变换元素translateZ(z)使用 z 轴来变换元素scaleX(x)使用 x 轴来缩放变换元素scaleY(y)使用 y 轴来缩放变换元素scaleY(y)使用 z 轴来变换元素rotateX(angle)使用 x 轴来旋转变换元素rotateY(angle)使用… 阅读更多

使用 CSS :nth-of-type(n) 选择器来设置其父元素中第 n 个元素的样式。您可以尝试运行以下代码来实现 :nth-of-type(n) 选择器示例在线演示                    p:nth-of-type(2) {             background: yellow;          }                     这是演示文本 1。       这是演示文本 2。       这是演示文本 3。       这是演示文本 4。    

使用 CSS :nth-last-of-type(n) 选择器来选择其父元素中从最后一个子元素开始算起的第二个元素。示例您可以尝试运行以下代码来实现 :nth-last-of-type(n) 选择器：在线演示                    p:nth-last-of-type(2) {             background: blue;             color: white;          }                     这是演示文本 1。       这是演示文本 2。       这是演示文本 3。       这是演示文本 4。       这是演示文本 5。    

要使用 CSS 设置其父元素中第二个子元素的样式，请使用 CSS :nth-child(n) 选择器。示例您可以尝试运行以下代码来实现 :nth-child(n) 选择器在线演示                    p:nth-child(4) {             background: orange;             color: white;          }                     这是演示文本 1。       这是演示文本 2。       这是演示文本 3。       这是演示文本 4。       这是演示文本 5。       这是演示文本 6。    

您可以尝试运行以下代码来实现 CSS3 中的 X 轴 3D 变换示例在线演示                    div {             width: 200px;             height: 100px;             background-color: pink;             border: 1px solid black;          }            div#myDiv {             -webkit-transform: rotateX(150deg);             /* Safari */ transform: rotateX(150deg);             /* 标准语法 */          }                              tutorialspoint.com                      旋转 X 轴                             tutorialspoint.com。                

使用 CSS :nth-child(n) 选择器来设置其父元素中第二个子元素的样式。您可以尝试运行以下代码来实现 :nth-child(n) 选择器示例在线演示                    p:nth-child(4) {             background: orange;             color: white;          }                     这是演示文本 1。       这是演示文本 2。       这是演示文本 3。       这是演示文本 4。       这是演示文本 5。       这是演示文本 6。    

使用 CSS :not(selector) 选择器来设置不是指定元素的每个元素的样式。您可以尝试运行以下代码来实现 :not 选择器示例在线演示                    p {             color: red;          }          :not(p) {             color: blue;          }                     标题 1       标题 2       标题 3       这是一个段落。       这是另一个段落。    

要设置所有未访问链接的样式，请使用 CSS :link 选择器。您可以尝试运行以下代码来实现 :link 选择器：示例在线演示                    a:link {             background-color: orange;          }                     演示网站https://www.example.com/    

使用 CSS :link 选择器来设置所有未访问链接的样式。您可以尝试运行以下代码来实现 :link 选择器 −示例在线演示                    a:link {             background-color: orange;          }                     演示网站https://www.example.com/    

您可以尝试运行以下代码来实现 CSS3 中的 Y 轴 3D 变换：示例在线演示                    div {             width: 200px;             height: 100px;             background-color: pink;             border: 1px solid black;          }          div#yDiv {             -webkit-transform: rotateY(150deg);             /* Safari */             transform: rotateY(150deg);             /* 标准语法 */          }                              tutorialspoint.com             旋转 Y 轴                tutorialspoint.com。