javascript - 如何设置:before psudo property for a group of css styles

标签 javascript html css

如何为一组 css 样式设置 :before psudo 属性,

.two-row-two-column mat-grid-tile:nth-of-type(3) .serveroutput-pop, 
  .two-row-two-column mat-grid-tile:nth-of-type(1) .serveroutput-pop,
  .two-row-three-column mat-grid-tile:nth-of-type(2) .serveroutput-pop,
  .one-row-two-column mat-grid-tile:nth-of-type(1) .serveroutput-pop  {
      left: -397px;
      right: auto;
  }

我期望的代码是这样的

 (.two-row-two-column mat-grid-tile:nth-of-type(3) .serveroutput-pop, 
  .two-row-two-column mat-grid-tile:nth-of-type(1) .serveroutput-pop,
  .two-row-three-column mat-grid-tile:nth-of-type(2) .serveroutput-pop,
  .one-row-two-column mat-grid-tile:nth-of-type(1) .serveroutput-pop)::before  {
      left: -458px;
      right: auto;
  }

最佳答案

您可以像这样为每一行添加 before。所以它正常工作

.two-row-two-column mat-grid-tile:nth-of-type(3) .serveroutput-pop::before, 
.two-row-two-column mat-grid-tile:nth-of-type(1) .serveroutput-pop::before,
.two-row-three-column mat-grid-tile:nth-of-type(2) .serveroutput-pop::before,
.one-row-two-column mat-grid-tile:nth-of-type(1) .serveroutput-pop::before  {
      left: -397px;
      right: auto;
  }

关于javascript - 如何设置:before psudo property for a group of css styles,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59663568/

相关文章:

php - 警告框显示在单独的页面而不是同一页面上。

javascript - 关闭javascript时如何处理

javascript - jQuery 获取 onChange 上的最后一个值

javascript - 无法在 appendchild 之后将表行与标题对齐

html - 标题图像偏好显示底部

php - 如何从 HTML/PHP 中的单个 <select> 变量获取多个值?

html - z 索引为 -1 的元素位于祖 parent 的 div 之下

javascript - 图表 js : when all the values passed to data are zeros, 没有任何显示

javascript - 如何使用 JavaScript 模拟点击?

javascript - 使用 javascript 或 jQuery 自动更改图像