cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
John742
Level: Powered On

Strange CSS Syntax

I see this CSS syntax in one of the sample apps, and I have never seen it before. Does anyone know what the first section selector is for and why it uses a "\."?

 

.SampleNamespace\.TSTableGrid th.SimpleTable_TableHeader_Style {
    height: 3rem;
    font-family: "Segoe UI Regular", "Segoe UI", Arial, Sans-Serif;
    font-size: 1rem;
    line-height: 1.384;
    background-color: rgb(0, 0, 0);
    color: #fff;
    text-align: left;
    padding: 0.5rem;
    border-left: 0.1rem solid rgba(255, 255, 255, 0.1);
    vertical-align: middle;
    width: 100vw;
}

 

 

1 ACCEPTED SOLUTION

Accepted Solutions
Highlighted
Super User
Super User

Re: Strange CSS Syntax

@John742
A “\” slash followed by a character denotes an escape sequence in CSS. In CSS the “.” dot refers to a class. Therefore you must escape it like this “\.” If a “.” dot appears in the name of a class or id in the HTML

StackOverflow example here:
https://stackoverflow.com/questions/12310090/css-selector-with-period-in-id

—-
Please Accept as Solution if this post answered your question so others may find it more quickly. If you found this post helpful consider giving it a Thumbs Up.

View solution in original post

1 REPLY 1
Highlighted
Super User
Super User

Re: Strange CSS Syntax

@John742
A “\” slash followed by a character denotes an escape sequence in CSS. In CSS the “.” dot refers to a class. Therefore you must escape it like this “\.” If a “.” dot appears in the name of a class or id in the HTML

StackOverflow example here:
https://stackoverflow.com/questions/12310090/css-selector-with-period-in-id

—-
Please Accept as Solution if this post answered your question so others may find it more quickly. If you found this post helpful consider giving it a Thumbs Up.

View solution in original post

Helpful resources

Announcements
thirdimage

Power Apps Community User Group Member Badge

Fill out a quick form to claim your user group badge now!

sixthImage

Power Platform World Tour

Find out where you can attend!

Power Platform 2019 release wave 2 plan

Power Platform 2019 release wave 2 plan

Features releasing from October 2019 through March 2020

SecondImage

Difinity Conference

The largest Power BI, Power Platform, and Data conference in New Zealand

Top Kudoed Authors (Last 30 Days)
Users online (5,989)