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 4 years ago.
Improve this question
I've a little CSS problem,
I tried to do this :
And I couldn't find a way to do it properly (look kinda the same),
I tried things like background-linear-gradient, didn't have what I wanted :/
Is this even possible to do that with CSS ? Thanks for your help :D
Théo
Use repeating-linear-gradient:
.divider {
height:20px;
background:repeating-linear-gradient(-45deg,#fff 0px,#fff 4px,#000 4px,#000 8px);
}
<div class="divider">
</div>
Related
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 10 months ago.
Improve this question
Hello guys I have this CSS selector and I can't figure out how to read it. Can someone explain? Thanks
.form__input:not(:placeholder-shown).form__input:not(:focus)+.form__label {
The ideal is that in nested css classes you put them one below the other for easy reading, since it can contain many elements and about your question
.form__input:not(:placeholder-shown)
// apply the class to all .form__input that do not have the selector "placeholder-shown".
.form__input:not(:focus) // applies the css to all .form__input not in "focus".
+.form__label // here applies the css to the input label
{
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 5 years ago.
Improve this question
For a responsive website is there a best practice to hide/show elements altogether in a media selector? E.g. is it better to have a class called .hide_on_desktop (which sets display: none;) and then to add that class to several elements in the website using HTML.
Or to do the following:
.element1, .element2, #element3{
display: none;
}
In the above case element1, element2 and element3 are selectors (classes and ids) that already exist.
Which approach is best for a big website?
I would suggest creating a hidden class if you plan to hide several objects. Bootstrap handles this by having classes: .hidden-xs, .hidden-sm, .hidden-md,etc.. in order to hide elements based on device width.
http://getbootstrap.com/css/#responsive-utilities
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 7 years ago.
Improve this question
What is the difference between for example p:last-child selector and p:last-of-type selector?
Also what is the difference between for example p[class|"hello"] and p[class^="hello"]
As you'd expect p:last-child matches the last child and p:last-of-type matches the last element of the type.
The difference between p[class|"hello"] and p[class^="hello"] is that the former is not a valid selector while the latter is.
Also, see the comment on your question.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
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.
Closed 9 years ago.
Improve this question
I create this SVG file and inside that there is a path called with the ID "prova" (check it with firebug, it's the red tooth)
http://studiodentisticocova.com/Psicologia-funzionale_03_provasvg.svg
The question is, how can i change the colour of that path? In CSS or jQuery because I would make an "Hover" over it! I tried in many ways but I wasn't able.
Thanks!
Unless there is a specificity issue
#prova:hover {
fill: yourcolorhere;
}
should work.
JSFiddle
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 9 years ago.
Improve this question
How could i remove all unused css elements from my page.i have used many tools but all are telling me the percentage of unused css but no one is telling me which css element to remove..
i just want to know my unused css elements.
Checkout the Firefox extension:
Dust-Me at https://addons.mozilla.org/en-US/firefox/addon/dust-me-selectors/.
"Dust-Me Selectors is development tool that scans your website to find unused CSS selectors."