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列表项...
error when starting dev server: Error: Cannot find module 'node:path' nodejs 升级为16版本就好了 开发移动端最主要的就是适配各种手机,为此我研究了一套解决方案 在之前我们用的是rem 根据HTML font-size 去做缩放 现在有了更好用的vw vh vw 视口的最大宽度,1vw等于视口宽度的百分之一 vh 视口的最大...
&: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...
border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9;&:nth-child(1) { width: 5vw; }&:nth-child(2),&:nth-child(3) { width: 20vw; }&:last-child { flex:1; } } .input-box { flex:1; } }
首先这个插件拥有属于自己的模板也就是我们的 .vue 文件 这里我们即将编写一个右键菜单的指令,我们给某一个元素安装这个指令,右键菜单出现 <template> <!-- 右键菜单 --> <li v-for="item in rightMenuList" :key="item.id" v-show="item.id <= 3...
&:nth-child(1) { margin-left: 14px; } &: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; ...
1.安装依赖 npm install postcss-px-to-viewport -D 因为vite中已经内联了postcss,所以并不需要额外的创建 postcss.config.js文件 vite.config.ts import{ fileURLToPath,URL}from'url' import{ defineConfig }from'vite' importvuefrom'@vitejs/plugin-vue' ...
tr>td:nth-child(5),tr>th:nth-child(5){ width: 100px; text-align: center; } tr>td:last-child,tr>th:last-child{ width: 80px; } .d-flex{ display: flex; position: relative; } .just-btw{ justify-content: space-around; }
04_css3新增选择器属性first-child和last-child 07:10 05_css3新增选择器属性nth-child1 11:08 06_css3新增选择器属性nth-child2 11:09 07_css3新增选择器属性first-of-type 12:40 08_css3新增选择器属性last-of-type 11:07 09_css3新增选择器属性nth-of-type 05:52 10_nth-child和nth-of...
{height: inherit;overflow: hidden;display: flex;flex-direction: column;}.header {background-color: pink;display: flex;height: 30px;align-items: center;justify-content: space-around;div:nth-child(1) {width: 40px;}div:nth-child(2) {text-align: center;}div:nth-child(3) {width: 40px;...