Expression Web Reformats Stylesheet

I think I’ve finally pinpointed an Expression Web bug that has been driving me crazy.
I like to define multiple selectors all at once in stylesheets by separating them with commas. For example — instead of defining the font color for each heading, like this:

1
2
3
h1 { color: red }<br />
h2 { color: red }<br />
...

… you can list the different selectors with commas to define the font color all at once, like this…

1
h1, h2, h3, h4, h5, h6 { color: red }

Well, I noticed that at some point (and I didn’t know when until today), Expression Web would break out all the selectors into their own individual rules. So my simple CSS code would get turned into this:

1
2
3
4
5
6
h6 { color: red } <br />
h5 { color: red }<br />
h4 { color: red }<br />
h3 { color: red }<br />
h2 { color: red }<br />
h1 { color: red }

I found this pretty aggravating, so today I finally sat down and worked hard to figure out what triggered the bug.
From my testing, it looks like if you copy content from one page in Expression Web and paste the content into another page, the bug will be triggered and your stylesheet reformatted. The unfortunate thing is that there is no way to “undo” the change — you’d have to go back and manually type out your rules for them to be the way that they used to be.
I’ve put in a post at the Expression Web newsgroup and will keep you posted if there are any updates on this issue. If you’ve come across anything else, please post a comment!
In the meantime — I’ve saved a copy of my properly formatted stylesheet as “backup.css,” and use that to replace my stylesheet if I inadvertently reformat it by copying and pasting (which I do quite often!).

Leave a Comment

Your email address will not be published. Required fields are marked *

Enter Code *

Filed Under

Related

Do you need to build a custom search-driven component for your #digitalworkspace while saving thousands of hours of development time?

Join us on as we lift the hood of #PnP Modern Search v4, show you how it's built, & take you on a live coding adventure.

http://ow.ly/MTnL50EpN5J

#Hybridwork is more than just a buzzword to latch onto; it’s the future for many organizations for the unforeseeable future. So, how can you use #Microsoft365 for #hybridwork? Let's breaks it down…

http://ow.ly/ay2e50EmNhg

It's that time again! Join the #PixelMillWebinars on 4/29 where @EricOverfield lifts the hood of #PnP Modern Search v4, shows how it's built, & takes you on a live coding adventure to customizing your own web part using the power of the existing codebase.

http://ow.ly/EI5h50EmNqj

What? Anchor links now work in #SharePoint site navigation! This fix snuck in and I completely missed it. Use them to create a TOC for long pages or cross link between pages. They work in text or quick links web parts & nav too! https://support.microsoft.com/en-us/office/create-and-use-modern-pages-on-a-sharepoint-site-b3d46deb-27a6-4b1e-87b8-df851e503dec#bkmk_pageanchors

A big thank you to David Leveille and @CrushNetworks for having our President + Co-Founder @EricOverfield on this episode of #TheVirtualWaterCooler!

Subscribe to PixelMill's
E-news

* indicates required

Let's Talk Digital
Workspaces Today

Get In Touch