【css】1.first-of-type和last-of-type

最新推荐文章于 2024-03-05 14:35:41 发布

前端小云儿

最新推荐文章于 2024-03-05 14:35:41 发布

阅读量299

点赞数

分类专栏： css

本文链接：https://blog.csdn.net/jieweiwujie/article/details/122204260

版权

字体设计样式改变 CSS选择器模板前端开发

关键词由CSDN通过智能技术生成

css 专栏收录该内容

75 篇文章 1 订阅

订阅专栏

.content-tab div:first-of-type;不建议套用多层使用，筛选会更加复杂

<template>
  <div class="content-tab">
    <h4>字体设计1</h4>
    <div class="list-desc">样式改变1</div>
    <h4>字体设计2</h4>
    <div class="list-desc">样式改变2</div>
     <h4>字体设计3</h4>
    <div class="list-desc">样式改变3</div>
     <h4>字体设计4</h4>
    <div class="list-desc">样式改变4</div>
  </div>
</template>
<script>
export default {
  name: "HelloWorld",
  props: {
    msg: String,
  },
  data() {
    return {};
  },
  methods: {},
  mounted() {
},
};
</script>
<style scoped lang="scss">
.content-tab div:first-of-type {
    font-size: 16Px;
    padding: 1Px 20Px;
    transform: translateY(-3Px);
    font-weight: bold;
    color: #3722af;
  }
  .content-tab div:last-of-type {
    font-size: 16Px;
    padding: 1Px 20Px;
    transform: translateY(-3Px);
    font-weight: bold;
    color: #eb43b3;
  }
</style>