question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

I noticed that since the latest minor release the css class title has some specific styles with !important

This has broken many of my components because I always use .title in my scoped CSS.

Is it necessary for vuetify to apply these styles to title?

I really like the ability to use very generic class names like title in scoped css, preferably without fear of them getting overwritten 😃

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:5
  • Comments:18 (7 by maintainers)

github_iconTop GitHub Comments

3reactions
tomparlecommented, Feb 1, 2019

Unfortunately I had to rename my classes, luckily I did not use a lot of .title classes, but since it’s a quite common word, I think it should be prefixed. I would be glad to hear about it from a Vuetify developer !

1reaction
andymartinworkcommented, Mar 16, 2020

What is the point of scoped styles at all if Vuetify breaks them? Is there a list of all classes that Vuetify breaks or do we have to guess?

The very least a framework should do is prefix their styles - even if they didn’t override all of your “scoped” styles!

Read more comments on GitHub >

github_iconTop Results From Across the Web

Title CSS: A Simple Approach to CSS Class Naming - SitePoint
Using Title CSS, you'd do the following: For any global CSS class, use a capitalized name (title case). For any modifier or descendant...
Read more >
add title attribute from css - html - Stack Overflow
Well, although it's not actually possible to change the title attribute, it is possible to show a tooltip completely from CSS.
Read more >
CSS Attribute Selector - W3Schools
The following example selects all elements with a title attribute that contains a space-separated list of words, one of which is "flower": ...
Read more >
In CSS basics, how do l give the header element a class ...
In CSS basics, how do l give the header element a class attribute and then set the class value to main header.
Read more >
css class for post titles? - WordPress.org
[This thread is closed.] Hi, The titles of each post are not styled; they look just like content text. Is there a CSS...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found