1. first-child(IE7兼容)、last-child(IE8不兼容) 2.nth-child、nth-last-child (IE8不兼容) 3. 对奇数、偶数使用样式 4. nth-of-type(IE8不兼容):只针对同类型的元素进行计算 5. 循环使用样式 li:nth-child(4n+1) 1. first-child(IE7兼容)、last-child(IE8不兼容) html: 列表列表项目1列表项...
.main {flex: 1;overflow: auto;&-items {display: flex;border-bottom: 1px solid #ccc;box-sizing: border-box;padding: 5px;}&-port {background: black;width: 30px;height: 30px;border-radius: 200px;}&-desc{margin-left:10px;div:last-child{font-size: 10px;color:#333;margin-top: 5px...
&:nth-last-child(1) { margin-right: 0; } &.on { background: #00d1b6; border-radius: 28rpx; color: #fff; } } } } .taskList { height: calc(100vh - 590rpx); overflow: auto; border-radius: 12rpx; margin-top: 24rpx; } .nodate { text-align: center; .img { display: inli...
&:last-child{ margin: 0; } } >.bt{ cursor: pointer; transition: all 0.2s; height: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center; &:hover{ color: #5240ff; } } } >.right{ width: 40px; height: 100%; border-left: 1px solid var(--bord...
<template>{{post.author}}{{post.content}}</template>exportdefault{props:{post:Object}}.post{background:#fff;padding:1.5em;}.post:not(:last-child){border-bottom:1px solid #ddd;}.post h2{font-size:1.3em;padding-bottom:0.25rem;}.post p{color:#888;} 3. 显示我们的内容 接下来,让我们实...
&:last-child{border-right: none; }.top-tree-item{display: flex;justify-content: space-between;height:80px;line-height:80px;padding:030px;color:#fff;font-size:28px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; // 点击当前行 ...
&:nth-last-child(1) { margin-right: 14px; } .tag-close { position: absolute; top: 50%; right: 6px; transform: translateY(-50%); cursor: pointer; width: 15px; height: 15px; text-align: center; line-height: 13px; border-radius: 50%; ...
(0px); &:last-child { margin-right: 0; } #map2, #map3 { width: 100%; height: 100%; } } } } .footer { margin-top: 20px; display: flex; justify-content: space-between; .item-box { width: 440px; height: 250px; border-width: 2px; border-color: rgb(14, 71, 143); ...
//这里不加last-child调整大小不变的原因在于element ui自动在外套一层div,因此对其设置的宽度并没有直接设置在文本域上面 //在last-child中的padding体现在文本框上右底左的间距上 .code-item :last-child{ width: 250px; } .login-code { width: 120px; ...
// find the last child node to insert attribute selector selector.each(n => { ... if (n.type === 'pseudo') { const { value } = n // deep: inject [id] attribute at the node before the ::v-deep //combinator. if (value === ':deep' || value === '::v-deep') { if...