cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Highlighted
Frequent Visitor

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 III
Super User III

@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 III
Super User III

@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
Community Conference

Power Platform Community Conference

Check out the on demand sessions that are available now!

News & Announcements

Community Blog

Stay up tp date on the latest blogs and activities in the community News & Announcements.

secondImage

Power Platform 2020 release wave 2 plan

Features releasing from October 2020 through March 2021

Community Highlights

Community Highlights

Check out the Power Platform Community Highlights

Users online (11,737)