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列表项...
} .post:not(:last-child) {border-bottom:1pxsolid#ddd; } .posth2{font-size:1.3em;padding-bottom:0.25rem; } .postp{color:#888; } 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26. 27. 28. 29. 3.显示我们...
.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...
<template>{{ post.author }}{{ post.content }}</template>exportdefault{props: {post:Object}}.post{background:#fff;padding:1.5em;} .post:not(:last-child){border-bottom:1pxsolid#ddd;} .posth2{font-size:1.3em;padding-bottom:0.25rem;} .postp{col...
&:not(:last-child) { margin-right: 20px; } } } 4. 借 vite 的 transform 函数注入到所有页面(一次性注入到所有页面,避免未来使用到的时候踩坑) vite.config.ts /** * 页面级注入全局组件 * @param comp 注入的组件 * @returns config */constinject...
node.parent= lastNode; lastNode.children.push(node); }// 遇到上一级标题elseif(lastNode.level> node.level) { serialNumbers.fill(0, level +1);letparent = lastNode.parent;while(parent) {if(parent.level< node.level) { parent.children.push(node); ...
if(binding.value===true&& el.lastChild.dataset.v!=='loading'){ createLoading(el) } } } //导出创建好的指令 exportdefaultvLoading 到此,指令已经创建好了,上述代码如果是在setup标签中创建的,那么在该页面中,组件或者标签 通过v-loading绑定即可使用,接下来我们挂载全局 ...
<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{ margin-right: 5px; } &.active{ background-color: #5240ff30; color: #5240ff; font-weight: bold; box-shadow: inset 0 1px 4px #00000034; // border:1px solid rgb(196, 196, 196); } &:hover{ background-color: #5240ff30; ...
// 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 (