Conflict with classes names in css files [closed] - css

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 7 years ago.
Improve this question
I need to integrate two projects based on HTML and raw CSS. I noticed conflict with classes name in css files.
I can change my files by hand but it seems to be not the best solution.
Can I do it automaticly?
I am using phpStorm, is there option for doing this?
Thanks for any help.

Not sure about phpStorm, but all editors should have a "Find and Replace" option, you could use that to change all occurrences of your conflicting classe...

If you have classes, from another file you can use the "Find and replace all" funcion, and change the names, that way you won't have to do it 100% manually, you can also place the "correct file" under the other css in HTML, and it will then use the "correct class" unless !important are used in the other css.

Related

Best practice to style react components? [closed]

Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 6 months ago.
Improve this question
I started working on an app made with tsx. This app has a general stylesheet for everything and some of the components have inline styling. Personally it feels disorganized.
I'm a biginner at css so I don't know what would be the best way to aproach this. I thought of two options: do all inline styling or make a stylesheet for each component. The first feels wrong ,in the second I'm gonna end up with 30 stylesheets and the overrides are going to mess up everithing.
The styled-components library is universally popular and you'll find plenty of support from the large community that uses it. With this you can write your css inside your component files. I'd also recommend getting the VS-Code extension for it so that you get css intellisense.

Why there is no change on my web when I edit css? [closed]

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 2 years ago.
Improve this question
I have a weird question. I dont know what is happening but I am working on my web. I am using Filezilla. Css stopped working - no change in code is displaying. I tried to delete all files from Filezilla and upload it again and it was working. After a while it happened again and few times more as I tried the same. I know that the css file I am using is the right one but I dont know why there is no change visible? When I change html it is working but no css. Thanks for your help.
(I am also using subdirectory if there might be some problem?)
As panther answered, it is probably because the old css file is loaded from cache instead of the new file. You can bypass this by pressing the ctrl key and f5.
It can be css path mismatch.You can see website console error where explain everything.

StyleSheet file in output folder [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 3 years ago.
Improve this question
I'm new in reactJs and I'm using webpack-dev-server to compile and check my code, the problem is that when I add a stylesheet to the sources as an imported file in the result everything is shown well and also in the output folder with the plugin I've imported the bundle.js file update but there is no sign of stylesheet file
My question is that what happened to the css file ? is that necessary to be there? or the styles are composed by the output js file? because when i moved the file it works fine again without any problem.
tnx
In production you probably wants to include all your CSS in one bundle file minifiying the result and exclude all CSS files not minified you used for actual development.
To do this you could use a CSS Loader, there are several options, one could be:
https://github.com/webpack-contrib/css-loader
An interesting article, it should help you to get started:
https://medium.com/trabe/multiple-css-bundles-with-webpack-75f263095f09

Using (parts of) Wordpress Themes in xpages [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 8 years ago.
Improve this question
Not sure if this is a stupid question or not,
but i want to create a better looking notes database which should remind users of our companys homepage.
Is it possible to use codes extracts of the wordpress themes css code?!
It might be easier to start with the Bootstrap4 XPages plugin on openNTF and then work to skin that.
As long as CSS stylesheets don't reference by element ID, it's possible to utilise elements. However, bear in mind that parts of the CSS stylesheets you're using may get overwritten by inline styles or stylesheets from the XPages runtime itself. In my experience, you will usually need to make some modifications to the stylesheets your using, but it's doable.

how to download an imported style sheet from a website? [closed]

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 8 years ago.
Improve this question
I often need to use some styles from a website but i cant find those style sheets since it is linked using an import function. can anyone say how to download/view those imported style sheets.
Here is what you can do. Depending on which browser you use you can activate developer tools in the settings. You can then right klick on a part of the website you want to have the styles from and often times it says something like "inspect element" in the menu. You will then be able to view the styles that are applied to this specific element or webpage and you will also be able to copy those to the clipboard.
I actually hope this will be of help to you.
https://developers.google.com/chrome-developer-tools/

Resources