• css 选择器优先级 样式的调节 样式穿透


    选择器优先级

    !important //权重最大   权重值 1000

    style //行内样式 权重值1000

    :#id  //权重值100

    .class == :nth-child  //权重值10

    p  //权重值1

    *  //权重值0

     样式引入:  link <script>  @import

    主要设置html的样式   调试样式 
    1 这个选择器的优先级,一般在设置样式特别是调试样式的时候特别起作用.在写页面的时候,有时候样式不起作用了.我通过审查元素.看看是不是优先级的原因,造成了样式覆盖.
    2 一般比方说优先级吧从大到小 !important  行内 :#id  .class =:nth-child  p *


    UI库中的样式,修改不了    样式穿透
    你用elementUI或者别的库的时候有没有遇见框架本身的样式和美工(UI)给的效果不同?怎么解决的

    我们只需要去除scoped,然后再style中加入深度选择器(>>>||/deep/||::v-deep)

    .myContainer{
      /deep/.el-table{
        color:"red" //这里就改变了
      } 


      

  • 相关阅读:
    33. Search in Rotated Sorted Array
    文章
    导航
    页眉和页脚
    渐变
    图像翻转与子画面
    背景图像定位
    背景图像
    使用css将图像居中
    使用CSS将图像对齐
  • 原文地址:https://www.cnblogs.com/zqxi/p/12545812.html
Copyright © 2020-2023  润新知