Emmet HTML expansion is working. Not CSS.

[politicus]

Fresh Sublime Text (4107) + Emmet (2.3.3) installs on my MacBook (OS X 10.12.6). Tested Emmet. HTML expansion is working unfortunately, CSS expansion is not working.

Sat and saved my document with the .css extension. Tried to expand via Ctrl+E. Didn't make any change to any Sublime Text default setting. Emmet is the only package I installed (downloaded it from the Sublime Text app). Restarted Sublime Text after installing the package.

From the Sublime Text console:

startup, version: 4107 osx x64 channel: stable
executable: /private/var/folders/6x/s0m8cp7d1ll7hl_n87rkbzp40000gn/T/AppTranslocation/C16EBA54-ECF9-4690-B920-92B3EB7BBC5D/d/Sublime Text.app/Contents/MacOS/sublime_text
application: /Users/User/Downloads/Sublime Text.app
working dir: /
packages path: /Users/User/Library/Application Support/Sublime Text/Packages
state path: /Users/User/Library/Application Support/Sublime Text/Local
zip path: /private/var/folders/6x/s0m8cp7d1ll7hl_n87rkbzp40000gn/T/AppTranslocation/C16EBA54-ECF9-4690-B920-92B3EB7BBC5D/d/Sublime Text.app/Contents/MacOS/Packages
zip path: /Users/User/Library/Application Support/Sublime Text/Installed Packages
ignored_packages: ["Vintage"]
pre session restore time: 10.7624
OpenGL Context Information:
  GL API Version: 4.1 INTEL-10.25.24
  GLSL Version: 4.10
  Vendor: Intel Inc.
  Renderer: Intel HD Graphics 4000 OpenGL Engine
startup time: 12.2451
first paint time: 12.4177
environment variables loaded using: /bin/zsh -l
reloading plugin Default.arithmetic
reloading plugin Default.auto_indent_tag
reloading plugin Default.block
reloading plugin Default.colors
reloading plugin Default.comment
reloading plugin Default.convert_color_scheme
reloading plugin Default.convert_syntax
reloading plugin Default.copy_path
reloading plugin Default.echo
reloading plugin Default.exec
reloading plugin Default.fold
reloading plugin Default.font
reloading plugin Default.goto_line
reloading plugin Default.history_list
reloading plugin Default.html_print
reloading plugin Default.indentation
reloading plugin Default.install_package_control
reloading python 3.3 plugin 0_package_control_loader.00-package_control
reloading python 3.3 plugin Package Control.1_reloader
reloading python 3.3 plugin Package Control.2_bootstrap
reloading plugin Default.keymap
reloading plugin Default.kill_ring
reloading plugin Default.mark
reloading plugin Default.new_templates
reloading plugin Default.open_context_url
reloading plugin Default.open_in_browser
reloading plugin Default.pane
reloading plugin Default.paragraph
reloading plugin Default.paste_from_history
reloading plugin Default.profile
reloading plugin Default.quick_panel
reloading plugin Default.rename
reloading plugin Default.run_syntax_tests
reloading plugin Default.save_on_focus_lost
reloading plugin Default.scroll
reloading plugin Default.set_unsaved_view_name
reloading plugin Default.settings
reloading plugin Default.show_scope_name
reloading plugin Default.side_bar
reloading plugin Default.sort
reloading plugin Default.switch_file
reloading plugin Default.symbol
reloading plugin Default.transform
reloading plugin Default.transpose
reloading plugin Default.ui
reloading plugin CSS.css_completions
reloading plugin Diff.diff
reloading plugin HTML.encode_html_entities
reloading plugin HTML.html_completions
reloading plugin ShellScript.ShellScript
reloading plugin Emmet.main
reloading python 3.3 plugin Package Control.Package Control
plugins loaded

[politicus]

Apparently, in order to work, Emmet needs the file syntax to be in .css AND the snippet to be written inside a bracket to be expanded.

Source: https://www.reddit.com/r/SublimeText/comments/ofgn5u/emmet_css_expansion_is_not_working_in_sublime_text/h4cp22x/?utm_source=reddit&utm_medium=web2x&context=3

Please edit the Emmet cheat sheet so Emmet users, especially new ones, do not waste time. Thank you!