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

Get excited for SQL Saturday 2022! Join our Microsoft MVP speakers Rez and Eric to learn how you can use the Power Platform in conjunction with Dataverse for Teams to create apps and solve your business automation challenges. Register now: https://hubs.ly/Q01nc9dm0

2

During the next episode of the #PixelMillWebinars, our #UI/UX experts break down:

- #PowerApp UI/UX best practices & common pitfalls
- #Figma best practices for PowerApps
- Converting from Figma to PowerApps
- See a PowerApp design in action!
https://hubs.ly/Q01n4gDJ0

In the next episode of the #PixelMillWebinars, our #UI / #UX experts break down:

- #PowerApp #UI / #UX best practices & common pitfalls
- #Figma best practices for #PowerApps
- Converting from #Figma to #PowerApps
- See a #PowerApp design in action!

http://ow.ly/nf9250KKYNM

In the next episode of the #PixelMillWebinars, our branding and #UI/#UX experts will show you how to elevate your #PowerApp experience without #coding.

Join us on 9/29 at 11am PST to see how you can apply custom #UI to #PowerApps designed in #Figma.

http://ow.ly/oWpI50KKCr0

Working in a hybrid environment allows us to collaborate with people from all over the world. Check out this quick video and learn how to navigate language barriers when using Teams! #workthewayyouwant

https://hubs.ly/Q01lbPZG0

Subscribe to PixelMill's
E-news

* indicates required

Let's Talk Digital
Workspaces Today

Get In Touch