正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

Stop adding !important to solve CSS specificity issues → Starting in Chrome 151, DevTools breaks down the exact specificity calculation right inside the Styles tab.

Chrome for Developers

424,602 subscribers

13,671 次观看 • 12 天前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

1 条评论

Aditya Reddy 的头像

Aditya Reddy6 天前

finally a receipt for why that selector won, !important has been getting promoted without an interview

相关视频

How to use the :where CSS selector to solve specificity problems ↓

How to use the :where CSS selector to solve specificity problems ↓

Sebastiano Guerriero

61,881 次观看 • 2 年前

Stop slowing down your entire app just to test one API. You can now throttle individual network requests in Chrome DevTools to simulate specific bottlenecks without affecting the rest of your session →

Stop slowing down your entire app just to test one API. You can now throttle individual network requests in Chrome DevTools to simulate specific bottlenecks without affecting the rest of your session →

Chrome for Developers

118,844 次观看 • 7 个月前

Introducing developer mode for browser use in Chrome and the Codex in-app browser. Codex can use the Chrome DevTools Protocol (CDP) to debug browser issues by profiling JavaScript performance and inspecting console output, network traffic, and page state.

Introducing developer mode for browser use in Chrome and the Codex in-app browser. Codex can use the Chrome DevTools Protocol (CDP) to debug browser issues by profiling JavaScript performance and inspecting console output, network traffic, and page state.

OpenAI Developers

378,245 次观看 • 4 个月前

New in Chrome DevTools: Gemini can modify and save CSS changes directly to your source! Tired of manually copying CSS changes from DevTools back to your editor? Gemini to the rescue! You can now ask Gemini in the AI Assistance panel to: ✨ Modify and fix CSS within the Elements panel. 🧪 Instantly test changes live. 💾 Save those changes back to your source files on your computer with a connected workspace folder. This is a game-changer for rapid iteration.

New in Chrome DevTools: Gemini can modify and save CSS changes directly to your source! Tired of manually copying CSS changes from DevTools back to your editor? Gemini to the rescue! You can now ask Gemini in the AI Assistance panel to: ✨ Modify and fix CSS within the Elements panel. 🧪 Instantly test changes live. 💾 Save those changes back to your source files on your computer with a connected workspace folder. This is a game-changer for rapid iteration.

Addy Osmani

36,952 次观看 • 1 年前

I slapped together this quick chrome extension to embed the Spatie tinker package in DevTools. It feels like a native PHP console tab 🤩 Extension below 👇 if you want to use it as well.

I slapped together this quick chrome extension to embed the Spatie tinker package in DevTools. It feels like a native PHP console tab 🤩 Extension below 👇 if you want to use it as well.

Tony Lea

42,184 次观看 • 1 年前

.Connor Hughes breaks down the Jets' game management issues in their overtime loss to the Packers:

.Connor Hughes breaks down the Jets' game management issues in their overtime loss to the Packers:

SNY Jets

28,586 次观看 • 27 天前

Chrome DevTools now supports *individual* network request throttling! Folks have been asking for this for years! DevTools now allows developers to simulate slow network conditions for specific requests rather than the entire page. This helps in testing how a web application performs and handles issues when specific resources (like images, scripts, or API calls) are slow to load.

Chrome DevTools now supports individual network request throttling! Folks have been asking for this for years! DevTools now allows developers to simulate slow network conditions for specific requests rather than the entire page. This helps in testing how a web application performs and handles issues when specific resources (like images, scripts, or API calls) are slow to load.

Addy Osmani

281,774 次观看 • 9 个月前

Nova Scotia Premier Tim Houston says Canadians need to "recognize" the grievances separatists in Alberta and Quebec have, adding it's important for national unity to try to "work through" the issues.

Nova Scotia Premier Tim Houston says Canadians need to "recognize" the grievances separatists in Alberta and Quebec have, adding it's important for national unity to try to "work through" the issues.

Rebel News

31,596 次观看 • 8 个月前

🔥 Tarek Mansour breaks down his journey from starting Kalshi, to suing the CFTC, to hitting $40B in annualized volume.

🔥 Tarek Mansour breaks down his journey from starting Kalshi, to suing the CFTC, to hitting $40B in annualized volume.

CoinDesk

40,928 次观看 • 1 年前

This secret tool is CRACKED at frontend and I don't think people understand how BIG this is. Look at this. Design on the left. Production code in the middle. Live MVP on the right. All inside ONE tool. The whole Figma to designer to dev cycle just collapsed into a single afternoon. This article breaks down the EXACT workflow that's working right now.

This secret tool is CRACKED at frontend and I don't think people understand how BIG this is. Look at this. Design on the left. Production code in the middle. Live MVP on the right. All inside ONE tool. The whole Figma to designer to dev cycle just collapsed into a single afternoon. This article breaks down the EXACT workflow that's working right now.

Prajwal Tomar

11,818 次观看 • 4 个月前

"The addition of Verlander and Framber makes this Tigers team right now the overwhelming favorite to win the [AL] Central, in my opinion, just based on starting pitching." Dan Plesac breaks down Detroit's 2026 outlook.

"The addition of Verlander and Framber makes this Tigers team right now the overwhelming favorite to win the [AL] Central, in my opinion, just based on starting pitching." Dan Plesac breaks down Detroit's 2026 outlook.

MLB Network

49,657 次观看 • 8 个月前

This is a real world training session. Aside from leopard crawls, everything featured in this video was installed during this session. It’s not perfect, but it’s a solid starting point. Here we focus on: 1. Lateral leopard crawls (part of our warmup - trains the serratus anterior which is critical to shoulder health) 2. Lateral A-march - looking for Ken Clark’s “3 bucket” position 3. Multi-directional extensive plyos with just a touch of “sport specificity” in the footwork (chill SCs, I’m not selling sport specificity snake oil). 4. Working several different angles of cuts and decel positions - these need the most work but that’s to be expected.

This is a real world training session. Aside from leopard crawls, everything featured in this video was installed during this session. It’s not perfect, but it’s a solid starting point. Here we focus on: 1. Lateral leopard crawls (part of our warmup - trains the serratus anterior which is critical to shoulder health) 2. Lateral A-march - looking for Ken Clark’s “3 bucket” position 3. Multi-directional extensive plyos with just a touch of “sport specificity” in the footwork (chill SCs, I’m not selling sport specificity snake oil). 4. Working several different angles of cuts and decel positions - these need the most work but that’s to be expected.

Missy Mitchell-McBeth

243,245 次观看 • 2 年前

Thiago breaks down in tears as Liverpool Legends stop to applaud for Diogo Jota in the 20th minute.

Thiago breaks down in tears as Liverpool Legends stop to applaud for Diogo Jota in the 20th minute.

This Is Anfield

316,645 次观看 • 6 个月前

WRESTLEPALOOZA IS THIS SATURDAY 💥 Undisputed WWE Champion Cody Rhodes breaks down the steps to catch every moment live starting right at 7 PM ET on the ESPN App.

WRESTLEPALOOZA IS THIS SATURDAY 💥 Undisputed WWE Champion Cody Rhodes breaks down the steps to catch every moment live starting right at 7 PM ET on the ESPN App.

SportsCenter

1,676,312 次观看 • 1 年前

“Emotions are clearly boiling over right now in a very important game for Philadelphia.” The Hockey Central panel breaks down Taylor Hall’s hit on Travis Sanheim.

“Emotions are clearly boiling over right now in a very important game for Philadelphia.” The Hockey Central panel breaks down Taylor Hall’s hit on Travis Sanheim.

Sportsnet

140,736 次观看 • 5 个月前

Introducing AI Assistance in Chrome DevTools! 🤯🚀 Ever wish you could have a coding buddy to help you with CSS and layout? Well, your wish is granted! The new AI Assistance in Chrome DevTools is here to make your life as a developer easier, powered by Gemini. The new panel aims to help you find and fix issues. Just ask it questions about your code, and it provides tailored explanations and even suggests solutions. This is our first exploration into agentic AI in DevTools and we're excited to hear what you think of it. Some key features: 1. Conversational prompts: Get tailored suggestions and code snippets. 2. Contextual understanding: AI understands the code you're working on. 3. Step-by-step guidance: Get help with everything from styling to debugging. Want to see it in action? Check out my screencast below to see how I used it to add a dark mode.

Introducing AI Assistance in Chrome DevTools! 🤯🚀 Ever wish you could have a coding buddy to help you with CSS and layout? Well, your wish is granted! The new AI Assistance in Chrome DevTools is here to make your life as a developer easier, powered by Gemini. The new panel aims to help you find and fix issues. Just ask it questions about your code, and it provides tailored explanations and even suggests solutions. This is our first exploration into agentic AI in DevTools and we're excited to hear what you think of it. Some key features: 1. Conversational prompts: Get tailored suggestions and code snippets. 2. Contextual understanding: AI understands the code you're working on. 3. Step-by-step guidance: Get help with everything from styling to debugging. Want to see it in action? Check out my screencast below to see how I used it to add a dark mode.

Addy Osmani

96,035 次观看 • 2 年前

An incredibly important issue in our country right now. What do you say if you listened to the audiobook? We need to solve this. Here are the solutions.

An incredibly important issue in our country right now. What do you say if you listened to the audiobook? We need to solve this. Here are the solutions.

Spike Eskin

16,256 次观看 • 11 个月前

Generic AI prompts burn tokens guessing at performance issues from raw source code 📉 Chrome DevTools for agents fixes this. Let your coding agent run real performance traces and agentic Lighthouse audits to catch actual speed, accessibility, and SEO blockers directly in the browser → #GoogleIO

Generic AI prompts burn tokens guessing at performance issues from raw source code 📉 Chrome DevTools for agents fixes this. Let your coding agent run real performance traces and agentic Lighthouse audits to catch actual speed, accessibility, and SEO blockers directly in the browser → #GoogleIO

Chrome for Developers

15,481 次观看 • 4 个月前

Celine Song breaks down the most important line of ‘MATERIALISTS’ “I think the most important line in the whole film is ‘I’m not merchandise, I’m a person’... all of us, we are asked to objectify and commodify ourselves and it does not stop when it comes to love and dating.”

Celine Song breaks down the most important line of ‘MATERIALISTS’ “I think the most important line in the whole film is ‘I’m not merchandise, I’m a person’... all of us, we are asked to objectify and commodify ourselves and it does not stop when it comes to love and dating.”

DiscussingFilm

300,720 次观看 • 1 年前