What's the substitute for ::shadow and /deep/?

后端 未结 4 1263
滥情空心
滥情空心 2020-12-05 17:49

The two shadow-piercing combinators have been deprecated as stated in https://www.chromestatus.com/features/6750456638341120
Then what\'s the substitude for achieving the

4条回答
  •  青春惊慌失措
    2020-12-05 18:28

    "::v-deep" is working for me. For example:

        .menu {
            // stuff
        }
        /deep/.sub-menu {     // override submenu
            .sub-menu__mini {
                    //stuff
                }
                a, a:hover {
                    //stuff
                }
            }
        }
    

    becomes:

        .menu {
            // stuff
        }
        ::v-deep .sub-menu {     // override submenu
            .sub-menu__mini {
                    //stuff
                }
                a, a:hover {
                    //stuff
                }
            }
        }
    

提交回复
热议问题