Okay, so, we're going to talk a lit

Okay, so, we're going to talk a little more right now about specificity within stylesheets, and this is basically a way to apply styles to a lot of elements, and then refine the application of certain styles.So, what I'm going to do is show you guys another way to overly specify things, so what I'm going to do is say in body header h3. So what you can do is when you're creating specific rules, rather than just you know put a space between the elements names you can put a little pointy bracket right, and this means you know for the top-level header within the body elements you know apply that rule. So we would then you know go from here into the h3 element like so, and we can apply a style like background, and let's set this to white. Let's refresh. Now you can see that that rule has been applied, but the color rule also right here has been applied. Now what happens when we copy this and move it up here, something important to know is that these style sheets work by reading top-down. What that means is first all the text becomes this blue color. Then what happens is it's going to read this rule and it's going to see the specificity, and it's going to set the color to green, just for simplicity. And then it's going to read this rule, and normally if this rule wasn't here it would be like okay, well this is more specific than the general inheritance here so let's apply this, but what's going to happen this time is it's going to read this and go okay, well this color property is already defined in this and this rule is a lot more specific than this, so it's going to apply this one, and it's not going to buy that one. And then it's going to get down here and same thing this rule is not as specific as this, so it's not going to apply this. So we should see green text now with a white background, and we do, and that's a bit about how specificity works. Now I know the angled brackets here might be a bit confusing, so to try and explain how this works I'm going to go ahead and open up the dev tools, I'm going to drop here, as we can see we can make a path directly from this element, through the header, and then to the h3. These are direct children. So the header is a direct child of body, our h3 is not a direct child. So, when we're using this here it just finds any h3 somewhere inside the body element and it's going to apply this rule, but when we use angled brackets like this it looks for a direct child. So, I'm going to save this and this rule will not be applied because h3 is not a direct child of body, it is a direct child of header and header is a direct child of body. So we would need to, if we're using the angled brackets, we need to really write out the entire element path to that element that we want to style, and then refresh that. So that is a bit about how to use specificity within this, and yeah. So in the next video I think we're going to be getting to some block level elements and how to change that.

Kết quả (Việt) 1:

Okay, so, we're going to talk a little more right now about specificity within stylesheets, and this is basically a way to apply styles to a lot of elements, and then refine the application of certain styles.

So, what I'm going to do is show you guys another way to overly specify things,

so what I'm going to do is say

in body header h3. So what you can do is when you're creating specific rules,

rather than just you know put a space between the elements names you can put a little pointy bracket right, and this means you know for the top-level header within the body elements you know apply that rule. So we would then you know go from here into the h3 element like so,

and we can apply a style like background, and let's set this to white.

Let's refresh. Now you can see that that rule has been applied, but the color rule also right here has been applied. Now what happens when we copy this and move it up here, something important to know is that these style sheets work by reading top-down. What that means is first all the text becomes this blue color. Then what happens is it's going to read this rule and it's going to see the specificity, and it's going to set the color to green, just for simplicity. And then it's going to read this rule, and normally if this rule wasn't here it would be like okay, well this is more specific than the general inheritance here so let's apply this, but what's going to happen this time is it's going to read this and go okay, well this color property is already defined in this and this rule is a lot more specific than this,

so it's going to apply this one, and it's not going to buy that one.

And then it's going to get down here and same thing this rule is not as specific as this, so it's not going to apply this. So we should see green text now with a white background, and we do, and that's a bit about how specificity works. Now

I know the angled brackets here might be a bit confusing, so to try and explain how this works I'm going to go ahead and open up the dev tools,

I'm going to drop here, as we can see we can make a path directly from this element, through the header, and then to the h3. These are direct children. So the header is a direct child of body, our h3 is not a direct child. So, when we're using this here it just finds any h3 somewhere inside the body element and it's going to apply this rule, but when we use angled brackets like this it looks for a direct child. So, I'm going to save this and this rule will not be applied
because h3 is not a direct child of body, it is a direct child of header and header is a direct child of body. So we would need to, if we're using the angled brackets, we need to really write out the entire element path to that element that we want to style,

and then refresh that.

Vì vậy, đó là một chút về cách sử dụng đặc hiệu trong phạm vi này, và vâng. Vì vậy, trong đoạn video sau, tôi nghĩ chúng ta sẽ nhận được một số yếu tố mức độ ngăn chặn và làm thế nào để thay đổi điều đó.

Kết quả (Việt) 2:

Được rồi, vì vậy, chúng ta sẽ nói thêm một chút ngay bây giờ về đặc trưng bên trong stylesheets, và điều này về cơ bản là một cách để áp dụng phong cách cho rất nhiều yếu tố, và sau đó tinh chỉnh các ứng dụng của một số phong cách.

Vì vậy, những gì tôi sẽ làm là hiển thị cho bạn guys một cách khác để quá chỉ định những điều,

Vì vậy những gì tôi sẽ làm là nói

trong tiêu đề cơ thể H3. Vì vậy, những gì bạn có thể làm là khi bạn đang tạo ra các quy tắc cụ thể,

thay vì chỉ có bạn biết đặt một không gian giữa các tên yếu tố bạn có thể đặt một khung ít pointy bên phải, và điều này có nghĩa là bạn biết cho các tiêu đề cấp cao nhất trong các yếu tố cơ thể bạn biết áp dụng quy tắc đó. Vì vậy, chúng tôi sẽ sau đó bạn biết đi từ đây vào các yếu tố H3 như vậy,

và chúng ta có thể áp dụng một phong cách như nền, và hãy đặt nó thành màu trắng.

Hãy làm mới. Bây giờ bạn có thể thấy rằng quy tắc đó đã được áp dụng, nhưng quy tắc màu cũng phải ở đây đã được áp dụng. Bây giờ những gì sẽ xảy ra khi chúng tôi sao chép này và di chuyển nó lên ở đây, một cái gì đó quan trọng để biết là những tấm phong cách làm việc bằng đọc từ trên xuống. Điều đó có nghĩa là đầu tiên tất cả các văn bản trở thành màu xanh này. Sau đó, những gì xảy ra là nó sẽ đọc quy tắc này và nó sẽ thấy tính đặc hiệu, và nó sẽ thiết lập màu xanh lá cây, chỉ cần cho đơn giản. Và sau đó nó sẽ đọc quy tắc này, và thông thường nếu quy tắc này không ở đây nó sẽ như okay, tốt này là cụ thể hơn so với thừa kế chung ở đây vì vậy chúng ta hãy áp dụng này, nhưng những gì sẽ xảy ra thời gian này là nó sẽ đọc này và đi okay , cũng thuộc tính màu này đã được xác định trong này và quy tắc này là rất nhiều cụ thể hơn này,

Vì vậy nó sẽ áp dụng một trong những điều này, và nó sẽ không mua mà một.

Và sau đó nó sẽ nhận được xuống ở đây và điều tương tự quy tắc này không phải là cụ thể như thế này, vì vậy nó sẽ không áp dụng điều này. Vì vậy, chúng ta sẽ thấy văn bản màu xanh lá cây bây giờ với một nền trắng, và chúng tôi, và đó là một chút về cách thức hoạt động đặc hiệu. Nwo

Tôi biết các dấu ngoặc vuông ở đây có thể là một chút khó hiểu, do đó, để thử và giải thích cách thức hoạt động này tôi sẽ đi trước và mở các công cụ dev,

Tôi sẽ thả ở đây, như chúng ta có thể thấy chúng ta có thể làm cho một con đường trực tiếp từ nguyên tố này, thông qua các tiêu đề, và sau đó đến H3. Đây là những trẻ em trực tiếp. Vì vậy, tiêu đề là một con trực tiếp của cơ thể, H3 của chúng tôi không phải là một đứa trẻ trực tiếp. Vì vậy, khi chúng tôi đang sử dụng này ở đây nó chỉ tìm thấy bất kỳ H3 một nơi nào đó bên trong các yếu tố cơ thể và nó sẽ áp dụng quy tắc này, nhưng khi chúng tôi sử dụng dấu ngoặc nhọn như thế này nó sẽ cho một đứa trẻ trực tiếp. Vì vậy, tôi sẽ tiết kiệm này và quy tắc này sẽ không được áp dụng
vì H3 không phải là con trực tiếp của cơ thể, nó là con trực tiếp của header và header là một đứa trẻ trực tiếp của cơ thể. Vì vậy, chúng tôi sẽ cần phải, nếu chúng ta đang sử dụng các dấu ngoặc vuông, chúng ta cần phải thực sự viết ra toàn bộ các yếu tố đường dẫn đến yếu tố mà chúng tôi muốn phong cách,

và sau đó làm mới đó.

Vì vậy, đó là một chút về cách sử dụng đặc hiệu trong này, và có. Vì vậy, trong video tiếp theo tôi nghĩ rằng chúng ta sẽ nhận được một số yếu tố cấp khối và làm thế nào để thay đổi điều đó.

Kết quả (Việt) 3:

Được rồi, bây giờ chúng ta sẽ nói rõ ràng hơn về độ phân biệt trong lớp kiểu. Và cơ bản đây là cách áp dụng các kiểu dáng vào rất nhiều nguyên tố, rồi lọc lọc ứng dụng của các kiểu dáng.
Vậy, điều tôi sẽ làm là cho các bạn thấy m ột cách khác để chỉ rõ mọi thứ quá mức,
Vậy điều tôi sẽ làm là nói
in body đầu trang H3.Vậy điều cô có thể làm là khi cô tạo ra những quy tắc cụ thể,
Thay vì chỉ là bạn biết đặt một khoảng giữa các tên các thành phần, bạn có thể đặt một thanh nhọn bên phải, và điều này có nghĩa là bạn biết cho đầu trang cấp cao trong các nguyên tố cơ thể bạn biết áp dụng điều đó.Vậy chúng ta có thể biết từ đây đi vào yếu tố H3 như vậy,
và chúng ta có thể áp dụng một kiểu như nền, và hãy đặt nó vào màu trắng.
Nói lại nhé.Bây giờ các bạn có thể thấy rằng nguyên tắc đó đã được áp dụng, nhưng nguyên tắc màu này cũng đã được áp dụng.Bây giờ chuyện gì xảy ra khi chúng ta chép lại và chuyển nó lên trên này, điều quan trọng để biết là những tấm hình này hoạt động bằng cách đọc từ trên xuống.Điều đó có nghĩa là trước hết văn bản sẽ trở thành màu xanh này.Rồi chuyện xảy ra là nó s ẽ đọc nguyên tắc này và nó sẽ nhìn thấy đặc tính cụ thể, và nó sẽ làm cho màu sắc trở nên xanh tươi, chỉ để cho đơn giản.Và rồi nó s ẽ đọc được nguyên t ắc này, và thường thì nếu luật này không có ở đây nó sẽ ổn, nó cụ thể hơn cả di sản chung ở đây nên hãy áp dụng điều này, nhưng điều sẽ xảy ra lần này là nó sẽ đọc nó và nói ổn,À, cái thuộc tính màu này đã được xác định trong điều kiện này và điều luật này rõ ràng hơn rất nhiều,
Nên nó s ẽ áp dụng cái này, và nó sẽ không mua được cái đó.
Và rồi nó s ẽ xuống đây và cũng giống như cái luật này không cụ thể như cái này, nên nó sẽ không áp dụng cái này.Nên giờ chúng ta nên xem chữ xanh có nền trắng, và chúng ta s ẽ xem, và đó là một chút về cách đặc biệt rõ ràng.Ngay.
Tôi biết các cột vọng ở đây có thể hơi khó hiểu, vì vậy để cố giải thích việc này hoạt động thế nào tôi sẽ tiến hành và m ở rộng các thiết bị mộ đạo,
Tôi sẽ xuống đây, như chúng ta có thể thấy chúng ta có thể tạo m ột đường thẳng từ nguyên tố này, qua đầu trang, và sau đó tới H3.Đây là trẻ em trực tiếp.Vậy cái đầu này là một đứa con trực tiếp của cơ thể, H3 của chúng ta không phải là con trực tiếp.Vậy, khi chúng ta s ử dụng nó ở đây nó chỉ tìm thấy mỗi H3 ở đâu đó trong cơ thể và nó sẽ áp dụng điều luật này, nhưng khi chúng ta dùng các cột xiên kiểu này nó sẽ tìm một đứa bé trực tiếp.Vì vậy, tôi sẽ lưu lại điều này và luật này sẽ không được áp dụng.
bởi vì h3 không phải là con trực tiếp của cơ thể, nó là con trực tiếp của đầu trang và đầu trang là một đứa trẻ trực tiếp của cơ thể.Vì vậy, nếu chúng ta dùng các cột xiên, chúng ta cần phải viết ra to àn bộ các đường dẫn đến các yếu tố mà chúng ta muốn tạo dáng,
và sau đó bồi dưỡng nó.
Vậy đó là cách để sử dụng đặc biệt trong nó, và đúng.Vậy trong đoạn video tiếp theo tôi nghĩ chúng ta sẽ đạt được vài thành phần của khối nhà và cách để thay đổi điều đó.