"Pam & Tommy" star Seth Rogen takes the WIRED Autocomplete Interview once again and answers the internet's most searched questions about himself. Who does Seth Rogen look like? Does Seth have a podcast? Does he sell pottery? Does he celebrate Christmas? Does he play Call of Duty? Pam & Tommy premieres February 2 on Hulu (finale on March 9)

Nick Offerman is as well known for his craftwork as he is for acting, and Seth Rogen's pottery skills are next-level. So, who better than them to step in as WIRED correspondents* for a day and review a gaggle of crafting gadgets. Watch as Nick tests wood moisture and Seth throws pottery on this edition of 5 Gadgets. Pam & Tommy premieres February 2 on Hulu (finale on March 9)

Seth MacFarlane takes the WIRED Autocomplete Interview and answers the internet's most searched questions about himself. Did Seth MacFarlane draw Family Guy? Did Seth work on Johnny Bravo? What voices does Seth do? Why did he make American Dad? How many awards has he won? Why does he hate Tucson?? Seth answers all these questions and much more!

Arun Maini, better known as Mrwhosetheboss, takes the WIRED Autocomplete Interview and answers the internet's most searched questions about himself. Where did the name Mrwhosetheboss come from? Why is his name spelled wrong? What kind of camera does he use? What kind of phone does he use? Is he legit? Arun answers all these questions and much more! Director: Anna O'Donohue Director of Photography: Kris Anwar Editor: Parker Dixon Talent: Arun Maini Producer: Katherine Wzorek Line Producer: Joseph Buscemi Associate Producer: Brandon White Production Manager: Eric Martinez Production Coordinator: Fernando Davila Camera Operator: John Whatton Audio: Nick Ware Production Assistant: Jack Haynes Groomer / Hair & Make-Up: Niki Mark Post Production Supervisor: Alexa Deutsch Post Production Coordinator: Ian Bryant Supervising Editor: Doug Larsen Assistant Editor: Billy Ward

Produced by Wired Brand Lab with IBM | In industries reliant on heavy assets, unexpected challenges like machinery failures are common. How can businesses predict and prevent these issues? Discover how IBM Maximo on AWS empowers companies to shift from reactive to predictive maintenance, harnessing AI-driven alerts to help detect anomalies and swiftly address challenges.

Rapper Offset visits WIRED to answer his most searched for questions on Google. When did Offset start rapping? Where did Offset get his name from? When is Offset's album dropping? What was Offset's first song? What is Offset's fashion style? Offset answers all these questions and more on the WIRED Autocomplete Interview. Director: Justin Wolfson Director of Photography: Brad Wickham Editor: Ron Douglas Talent: Offset Line Producer: Joseph Buscemi Associate Producer: Brandon White Production Manager: Peter Brunette Production Coordinator: Rhyan Lark Talent Booker: Jenna Caldwell Camera Operator: Chloe Ramos Gaffer: David Djaco Sound Mixer: Sean Paulsen Production Assistant: Sonia Butt Post Production Supervisor: Christian Olguin Post Production Coordinator: Ian Bryant Supervising Editor: Doug Larsen Assistant Editor: Fynn Lithgow

A new Drone Policy will be announced soon, says Chief Minister Naidu at Amaravati Drone Summit 2024

“This was disclosed in a meeting of AP Minister for Education, IT and Electronics Nara Lokesh with representatives of the Vedanta Group subsidiary at the company’s office in Mumbai on Thursday” 

IP may become a point of contention, as new administration may seek greater reciprocity

Lights, Camera, action: Ace ad film maker and movie director on creative trends and changing technology

Polarising though the fashion trend is, it continues to rule as it signifies authenticity and vulnerability

The Texans activated wide receiver Nico Collins from injured reserve last Saturday, but he wound up being on the inactive list for their loss to the Lions on Sunday night.

The best digital management software allows users to read and get their digital assets successfully. These systems have the capacities to organize, retail outlet, and control a variety of file types, right from simple photos and video clips to complex docs and reports. They also furnish https://www.gmps-scheduler.de/common-board-meeting-mistakes/ features like release control, metadata tagging, and user […]

In the initial phase, properties such as Chunar Fort in Mirzapur, Barua Sagar Fort in Jhansi, Jal Mahal in Barsana, Lucknow’s Chattar Manzil and Kothi Roshan-ud-Daula, and Shukla Talab Haveli in Kanpur will be transformed into hotels

Disney Adventure cruise ship will set sail from Singapore on December 15, 2025

Held along the Saryu River’s 55 ghats, including Ram ki Paidi, over 25.12 lakh diyas were lit, with 1,121 participants performing ‘aarti’ in unison

A focused venture fund will give a boost to new entrepreneurs and non-government entities, IN-SPACe chairperson Pawan Goenka said

US election and the Fed policy announcement are the key events

India’s securities regulator is looking to open up a fresh vehicle for investments for people in the mass affluent segment that will be different from existing mutual fund alternatives

You should reduce equity investments and increase bond investments starting five years from the end of the time horizon for a goal. You should, however, save more during this period.

Today we’re going to take a quick look at a few special CSS keywords you can use on any CSS property: inherit, initial, revert, and unset. Also, we will ask where and when to use them to the greatest effect, and if we need more of those keywords.

The first three were defined in the Cascading Level 3 spec, while revert was added in Cascading Level 4. Despite 4 still being in draft revert is already supported. See also the MDN revert page, Chris Coyier’s page, and my test page

inherit

The inherit keyword explicitly tells an element that it inherits the value for this declaration from its parent. Let’s take this example:

.my-div {
	margin: inherit;
}

.my-div a {
	color: inherit;
}

The second declaration is easiest to explain, and sometimes actually useful. It says that the link colour in the div should be the same as the text colour. The div has a text colour. It’s not specified here, but because color is inherited by default the div gets the text color of its parent. Let’s say it’s black.

Links usually have a different colour. As a CSS programmer you frequently set it, and even if you don’t browsers automatically make it blue for you. Here, however, we explicitly tell the browsers that the link colour should be inherited from its parent, the div. In our example links become black.

(Is this a good idea? Occasionally. But if you remove the colour difference between links and main text, make sure your links are underlined. Your users will thank you.)

Now let’s look at the margin: inherit. Normally margins don’t inherit, and for good reason. The fact that an element has margin-left: 10% does not mean all of its descendents should also get that margin. In fact, you most likely don’t want that. Margins are set on a per-case basis.

This declaration tells the div to use the margin specified on its parent, however. This is an odd thing to specify, and I never saw a practical use case in the wild. Still CSS, being ridiculously powerful, allows it.

In any case, that’s how the inherit keyword works. Using it for font sizes or colours may occasionally be a good idea. In other contexts - rarely.

And keep the difference between inheriting and non-inheriting properties in mind. It’s going to be important later on.

initial

The initial keywords sets the property back to its initial value. This is the value specified in the W3C specification for that property.

Initial values from the spec are a bit of a mixed bag. Some make sense, others don’t, really. float: none and background-color: transparent are examples of the first category. Of course an element does not have a background colour without you specifying one, nor does it float automatically.

Others are historically determined, such as background-repeat: repeat. Back in the Stone Age before CSS all background images repeated, and the CSS1 specification naturally copied this behaviour.

Still others are essentially arbitrary, such as display: inline. Why did W3C opt for inline instead of block? I don’t know, and it doesn’t really matter any more. They had to decide on an initial value, and while inline is somewhat strange, block would be equally strange.

In any case, the initial keyword makes the property revert to this initial value from the specification, whether that makes sense or not.

unset

When we get to the unset value the distinction between inheriting and non-inheriting properties becomes important. unset has a different effect on them.

• If a property is normally inherited, unset means inherit.
• If a property is normally not inherited, unset means initial.

revert

revert, the newest of these keywords, also distinguishes between inheriting and non-inheriting properties.

• If a property is normally inherited, revert means inherit.
• If a property is normally not inherited, revert reverts to the value specified in the browser style sheet.

all

Finally, we should treat all. It is not a value but a property, or rather, the collection of all CSS properties on an element. It only takes one of the keywords we discussed, and allows you to apply that keyword to all CSS properties. For instance:

.my-div {
	all: initial;
}

Now all CSS properties on the div are set to initial.

Examples

The reaction of my test page to setting the display of all elements to the four keywords is instructive. My test script sets the following style:

body * {
	display: [inherit | initial | unset | revert] !important;
}

The elements react as follows:

• display: inherit: all elements now inherit their display value from the body. Since the body has display: block all elements get that value, whether that makes sense or not.
• display: initial: the initial value of display is inline. Therefore all elements get that value, whether that makes sense or not.
• display: unset: display does not inherit. Therefore this behaves as initial and all elements get display: inline.
• display: revert: display does not inherit. Therefore the defaults of the browser style sheet are restored, and each element gets its proper display — except for the dl, which I had given a display: grid. This value is now supplanted by the browser-provided block.

Unfortunately the same test page also contains a riddle I don’t understand the behaviour of <button>s when I set color to the four keywords:

• color: inherit: all elements, including <button>s, now inherit their colour from the body, which is blue. So all text becomes blue.
• color: initial: since the initial value of color is black, all elements, including <button>s, become black.
• color: unset: color inherits. Therefore this behaves as inherit and all elements, including <button>s, become blue.
• color: revert: This is the weird one. All elements become blue, except for <button>s, which become black. I don’t understand why. Since colors inherit, I expected revert to work as inherit and the buttons to also become blue. But apparently the browser style sheet of button {color: black} (more complicated in practice) is given precedence. Yes, revert should remove author styles (the ones we write), and that would cause the black from the browser style sheet to be applied, but only if a property does not inherit — and color does. I don’t know why the browser style sheet is given precedence in this case. So I’m going to cop out and say form elements are weird.

Practical use: almost none

The purpose of both unset and revert is to wipe the slate clean and return to the initial and the browser styles, respectively — except when the property inherits; in that case, inheritance is still respected. initial, meanwhile, wipes the slate even cleaner by also reverting inheriting properties to their initial values.

This would be useful when you create components that should not be influenced by styles defined elsewhere on the page. Wipe the slate clean, start styling from zero. That would help modularisation.

But that’s not how these keywords work. We don’t want to revert to the initial styles (which are sometimes plain weird) but to the browser style sheet. unset comes closest, but it doesn’t touch inherited styles, so it only does half of what we want.

So right now these keywords are useless — except for inherit in a few specific situations usually having to do with font sizes and colours.

New keyword: default

Chris Coyier argues we need a new value which he calls default. It reverts to the browser style sheet in all cases, even for inherited properties. Thus it is a stronger version of revert. I agree. This keyword would be actually useful. For instance:

.my-component,.my-component * {
	all: default;
	font-size: inherit;
	font-family: inherit;
	color: inherit;
}

Now we have a component that’s wiped clean, except that we decide to keep the fonts and colour of the main page. The rest is a blank slate that we can style as we like. That would be a massive boon to modularisation.

New keyword: cascade

For years now I have had the feeling that we need yet another keyword, which I’ll call cascade for now. It would mean “take the previous value in the cascade and apply it here.” For instance:

.my-component h2 {
	font-size: 24px;
}

.my-other-component h2 {
	font-size: 3em;
}

h2#specialCase {
	font-size: clamp(1vw,cascade,3vw)
}

In this (slightly contrived) example I want to clamp the font-size of a special h2 between 1vw and 3vw, with the preferred value being the one defined for the component I’m working in. Here, cascade would mean: take the value the cascade would deliver if this rule didn’t exist. This would make the clamped font size use either 24px or 3em as its preferred value, depending on which component we’re in.

The problem with this example is that it could also use custom properties. Just set --h2size to either 24px or 3em, use it in the clamp, and you’re done.

.my-component h2 {
	--h2size: 24px;
	font-size: var(--h2size);
}

.my-other-component h2 {
	--h2size: 3em;
	font-size: var(--h2size);
}

h2#specialCase {
	font-size: clamp(1vw,var(--h2size),3vw)
}

Still, this is but the latest example I created. I have had this thought many, many times, but because I didn’t keep track of my use cases I’m not sure if all of them could be served by custom properties.

Also, suppose you inherit a very messy CSS code base with dozens of components written at various skill levels. In that case adding custom properties to all components might be impractical, and the cascade keyword might help.

Anyway, I barely managed to convince myself, so professional standard writers will certainly not be impressed. Still, I thought I’d throw it out here to see if anyone else has a use case for cascade that cannot be solved with custom properties.

Art at an altitude of 3,500 metres? South Asia’s highest contemporary land art festival is back with its second edition in Ladakh with site-specific installations and sustainable sculptures

Disney Cruise Line’s new vessel Disney Adventure will house seven immersive experience zones inspired by Disney, Pixar, and Marvel worlds

‘Consolidation to be slow despite remedial measures'

Ahead of his film Selfiee, which releases on Friday, Akshay Kumar broke the Guinness World Record for the Most Selfies taken in three minutes at a promotional event in Mumbai.

'I have made a new rule: When I'm having my morning tea, a guy keeps the harmonium on my bed.''So while I'm writing what my plan for the day is, that harmonium is in front of me and I do riyaz of 40-50 minutes.'

Bollywood seems to have ignored the month of September, with only two Hindi releases coming up in theatres. But cine-goers need not worry, as Hollywood and south cinema makes up for it.

Call 044-24350496, 044-24334811, 9444340496, 9361482899 and 104 for information related to swine flu and fever, diagnostic centres and treatment from government hospitals

Despite economic security, stability, doctors don't prefer corporate hospitals

Your property-related legal queries answered by S.C. RAGHURAM, Partner, RANK Associates, a Chennai-based law firm

Stepping on the court less than 15 hours after Djokovic's loss to Alexei Popyrin, and two days after Alcaraz's loss to Botic van de Zandschulp, Sinner was as dominant as can be in every facet of the sport

India will now compete next year in Play-offs to keep place in World Group I.

The current National champion, she won’t be defending her title this week as she prepares for the grind in the international circuit

Coco Gauff is also the second American champion in Beijing, following Serena Williams’ title runs in 2004 and 2013

India could learn from the U.K.’s transition, ensuring that it does not make the mistakes Britain made

Union Minister outlines ambitious plans for modernisation, including bullet trains and upgraded infrastructure, to elevate Indian Railways to global standards

National Bureau of Economic Research

National Bureau of Economic Research

National Bureau of Economic Research