Pseudo class: invalid after setting, ask the reason

is ready to add hierarchical splitters to the tree component, which needs to be styled with pseudo classes, but it has no effect. The
code is as follows: 

-sharptree-wrap {
  .el-tree-node.is-expanded {
    position: relative;
    >.el-tree-node__children::after{
      content: "";
      position: absolute;
      top: 25px;
      bottom: 0;
      left: 40px;
      height: calc(100% - 50px);
      border-left: 1px dashed -sharp666;
    }
  }
}

but the corresponding:: after,
clipboard.png

is not seen in DOM.

ask the reason.

Element-ui vue.js javascript
Mar.29,2021

what do you think you can see from the screenshot? the screenshot is so narrow that you are afraid of squeezing.
your after is added on children, and the location you are looking for is the parent element of children.
after pseudo elements are all in children, okay?

under styles look for the:: after style written

is it SASS? I wrote a simple test demo, to put your code into the test. There is :: after . Please check the code again.

[solve the case] found out the reason, using the scss tag < style lang= "scss" scoped > scoped interference, remove the scoped, pseudo-class appears normally. By deleting the scoped attribute, you can divide the style into id by component: (the following is an example) 

-sharpxxx {
  .yyy {...}
  EE.zzz {...}
  ...
}

Previous: CSS3 flex layout, I use skills to generate squares, but after the failure of the layout inside, why in the layout?

Next: Ask for help: python-appium, restarts APP every time it runs

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu