-
:read-write 非只读状态查看全部
-
readonly=’readonly’ 只读状态查看全部
-
::selection 在鼠标选中文本时，文本发生变化查看全部
-
<column-width>和<column-count>分别定义的话，列宽起控制作用； columns: 的话，列数起控制作用。查看全部
-
1.设置span透明状态 input[type="checkbox"] + span { opacity: 0; } 2.设置选中框旁边的span不透明 input[type="checkbox"]:checked + span { opacity: 1; }查看全部
-
设置容器中仅有一个div元素的背景色为橙色 .wrapper > div:only-of-type { background: orange; }查看全部
-
控制仅有一个子元素的背景样式 HTML代码： <div class="post"> <p>我是一个段落</p> <p>我是一个段落</p> </div> <div class="post"> <p>仅有一个子元素</p> </div> CSS代码： .post p { background: green; color: #fff; padding: 10px; } .post p:only-child { background: orange; }查看全部
-
设置倒数第三个p的背景色 .wrapper > p:nth-last-of-type(3){ background: orange; }查看全部
-
将最后一个p元素的背景色改变 .wrapper > p:last-of-type｛ background：#ccc; ｝查看全部
-
改变容器中p元素的偶数段背景色 .wrapper > p:nth-of-type(2n){ background: orange; }查看全部
-
改变第一个p元素的背景为橙色 .wrapper > p:first-of-type { background: orange; }查看全部
-
li:nth-child(2n):偶数行元素 li:nth-child(2n+1):奇数行元素查看全部
-
nth-last-child(5)：倒数第五个元素查看全部
-
这个属性有两种情况 1、div:hover span { animation:paused;} 相当于清除了animation动画。元素的样式将会回到最原始的设置状态。 2、div:hover span { animation-play-state:paused;} 相当于中止动画。鼠标移开继续播放。查看全部
-
选择元素的第一个子元素 ul>li:last-child{background:blue;}查看全部
举报
0/150
提交
取消