Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 2 years ago.
Improve this question
This is my html code
This is my css code
When in CSS I write the CSS code for .keys class like this and add class .transistionOfKeys to html then my border properties does not add to it
But when I change my CSS code to this by removing .container and just keeping it to .keys then it works
after changing CSS code
So I want to know reason for this...
Hope someone answer this question soon...
Change the selector for the second rule to .container .transistionOfKeys {...} to achieve the same CSS specifity as the first CSS rule.
Related
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 2 years ago.
Improve this question
so I started trying to use :is() pseudo selector for a project I'm working on. the queries I was writing though do no seem to be working.
:is(.column-1,.column-3,.column-5,.column-7) .gallery__item:nth-child(1)
I ran each query through document.querySelector, and it came back with error telling me that it's an invalid selector. tried to refactor my selectors but I haven't had much luck. any idea what I am doing wrong here?
As of now, CSS selector :is() isn't supported by most browsers, see Can I use...
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 2 years ago.
Improve this question
I have CSS class in use that has path
.override .sidebar label.firstheading
I'm trying to create style guide and use the same class in it as showcase, but style guide doesn't have sidebar element. Can I call ".override .sidebar label.firstheading" directly in class="" without full hierarchy?
If I add .sidebar element leading to it in style guide, it gets so much formatting from .sidebar that it messes the whole page up.
Your styling should always be as less specific as possible! You should have a basic styling for label specialized label.firstheading and if the structure is important for the label you should add more specifity (.sidebar label {} and/or .sidebar label.firstheading {...}).
If you follow this scheme you will be able to override styles and to use your html more modular.
In other words: you should reorganize the styling for the label.firstheading component
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 5 years ago.
Improve this question
How can i remove this image:
Image <--
Link: infinitefun20.blogspot.gr
when you want to use css, just say with element has wich display property :
ypu can use browser inspect to see yor element has wich class name
.post-avatar {
display: none;
}
Removing the Image from blog will require to check the code where its coming out from. So better will be to use CSS and hide it.
use this:-
.post-avatar{
display:none;
}
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 6 years ago.
Improve this question
My CSS style stops working when I put the tag <!DOCTYPE html> to use HTML5. I used divs to separate the different styles in my pages, and used IDs to identify each one on the CSS code. Everything works fine but when I use that tag, it stops working. Anyone can help with this? Thank you!
you did not use the "px" unit in the code you posted, like width:270px; Changing/completing this should help.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Closed 8 years ago.
This question appears to be off-topic because it lacks sufficient information to diagnose the problem. Describe your problem in more detail or include a minimal example in the question itself.
Questions concerning problems with code you've written must describe the specific problem — and include valid code to reproduce it — in the question itself. See SSCCE.org for guidance.
Improve this question
I have created css button style as here: http://jsfiddle.net/karimkhan/SgTy2/
When I used same css insite <style> in my page then it's effect changed. looks like below:
Actual css on fiddle gives this kind of view:
I am not good at css. What's wrong I am doing here?
What if you make an external css file? The same will probably happen, so see what styles are overlapping your element in inspector mode. I would not suggest to use !important, but rather make the style have more priority. One way to do this is to make your css selector more specific.
For example:
input[name="url"]
{
background: black;
}
has more priority as
input
{
background: red;
}
jsFiddle
Note that a more specifc path also takes longer to determ.
Hope you can work on a solution now.