From the course: Advanced .NET: Commands, C# Enhancements, Web Apps, and Libraries
Unlock this course with a free trial
Join today to access over 25,500 courses taught by industry experts.
CSS isolation - .NET Tutorial
From the course: Advanced .NET: Commands, C# Enhancements, Web Apps, and Libraries
CSS isolation
- [Instructor] Working with CSS means understanding the hierarchical nature of the way you declare your styles and how they impact any elements on your page. Microsoft has defined a new way of creating page specific CSS, that's called isolated CSS and that's what we're looking at in this video. But first let's take a look at our example pages on this website. We have three pages, Home, Privacy and About. And you'll notice that they all have the same font face on this h1 tag. Now let's verify that that is an h1 tag by bringing up the developer tools with F12 and then choosing Elements. Select Element. So that's an h1, and then this is a strong tag. If I go look at the Privacy page this is an h1 tag that has an orange color and this strong tag has a different background color than on the main page. Then we'll go look at About and I see this h1 has a teal or I should say it's a cyan color, dark cyan I believe…
Contents
-
-
-
-
-
-
-
Updates in ASP.NET 63m 14s
-
(Locked)
Template updates (Angular and more)3m 56s
-
(Locked)
Hot Reload on web projects3m 33s
-
(Locked)
CSS Hot Reload3m 6s
-
(Locked)
Blazor error boundary6m 49s
-
(Locked)
Async stream JSON: Performance3m 39s
-
(Locked)
Async stream JSON: Memory3m 19s
-
(Locked)
Log output with HTTP Logging2m 43s
-
(Locked)
Minimal API: Concepts and HttpGet6m 2s
-
(Locked)
Minimal API: Get data from repository5m 3s
-
(Locked)
Minimal API: MapPost, MapPut, and MapDelete1m 28s
-
(Locked)
CSS isolation4m 4s
-
-
-
-