Microsoft/vscode

[scss] selector specificity works wrong with nested selectors

Open

#63.200 aperta il 15 nov 2018

Vedi su GitHub
 (3 commenti) (10 reazioni) (1 assegnatario)TypeScript (10.221 fork)batch import
bugcss-less-scsshelp wanted

Metriche repository

Star
 (74.848 star)
Metriche merge PR
 (Merge medio 11h 43m) (1000 PR mergiate in 30 g)

Descrizione

Issue Type: Bug

Css specifity calculator doesn't respect nested selectors or selectors with &.

#id {} /* (1, 0, 0) */

#id div {} /* (1, 0, 1) */

#id {
  div { /* (0, 0, 1) */
  }
}

.block{ /* (0, 1, 0) */
  &__element { /* (0, 0, 0) */
  }
}

Reproduced without any extensions

VS Code version: Code 1.29.0 (5f24c93878bd4bc645a4a17c620e2487b11005f9, 2018-11-12T07:47:15.448Z) OS version: Windows_NT x64 10.0.17134

Guida contributor

Direzione di ricerca
Investiga il codice di calcolo della specificità CSS nel supporto SCSS di VS Code, concentrandoti su come vengono gestiti i selettori annidati e l'operatore '&'. Cerca test relativi alla specificità dei selettori e identifica dove il calcolo si discosta dalle specifiche CSS previste.
Tech stack
typescript
Dominio
frontend
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
3
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
Mezza giornata
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Datata
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
CSS specificitySCSS
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
60