Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

at-rule or selector expectedcss(css-ruleorselectorexpected) validation error display for styles beginning ">>>"

See original GitHub issue

Info

Platform: Windows 10
Vetur version: 0.24.0
VS Code version: 1.45.1

Problem

at-rule or selector expectedcss(css-ruleorselectorexpected) validation error display for styles beginning “>>>”

Reproducible Case

Create a .vue file with the following style block:

<style scoped>
  >>> .foo { display: block; }
</style>

Open the file in VS Code - you will see the error “at-rule or selector expectedcss(css-ruleorselectorexpected)”

Disable the Veture > Validation: Style setting and reload VS Code - the error will no longer be present.

Issue Analytics

State:
Created 3 years ago
Reactions:9
Comments:8 (3 by maintainers)

Top GitHub Comments

7reactions

simonbrentcommented, Jun 8, 2020

But this is the documented way to do deep selectors for scoped style: https://vue-loader.vuejs.org/guide/scoped-css.html#deep-selectors

Should I be doing * >>> .foo { display: block; } instead?

4reactions

simonbrentcommented, Jan 18, 2021

FYI ::v-deep appears to work without an error (for now…)

Top Results From Across the Web

Error "property value expected css" and "at-rule or selector ...

I have found solution. Turn off html validate styles in setting's vscode. vscode disable validate style html.

I'am getting an error "at-rule or selector expected"?

import { LightningElement, api} from 'lwc';. If that doesn't solve, turn off the HTML > Validate:Styles in the VS code settings.

at-rule or selector expectedcss(css ... - You.com

CSS error: at-rule or selector expected, { expected ... expectedcss(css-ruleorselectorexpected) validation error display for styles beginning ">>>"#1924.

at-rule or selector expectedcss(css-ruleorselectorexpected)

expectedcss (css-lcurlyexpected) | at-rule or selector expectedcss ( css-ruleorselectorexpected ) solvedTo clear more you can go to ...

At-rule or Selector expected error- Following Jekyll Tutorial

I've updated the Navigation and Default layout files as indicated in the instructions, and created the _assets/css/styles.scss and _sass/main.scss files. On ...