csslint

What is the purpose of this csslint error and how can I get rid of it?

你离开我真会死。 提交于 2019-12-11 02:24:10
问题 I added the following CSS code to get rid of the outline that was appearing after click on a link HTML element. CSS Code: .window-leveling-btn:focus { outline: 0; } Afterwards I get the following csslint error message. I don't understand why I shouldn't be doing this or how I should do it correctly. Error Msg: WARNING: Outlines shouldn't be hidden unless other visual changes are made. Use of outline: none or outline: 0 should be limited to :focus rules. (outline-none) 回答1: According to the

Simple css :before:hover not working? CSSlint no errors?

元气小坏坏 提交于 2019-12-10 14:34:16
问题 http://jsfiddle.net/nicktheandroid/k93ZK/2/ This should be really simple, I just don't understand why it's not working. When hovering over the :before it should change it's opacity to 1, but it doesn't. Why? p { padding-top:15px; position:relative; } p:before { display:block; width:55px; height:55px; content: 'hello'; background:#fff; padding:5px 10px; position:absolute; right:0; opacity:.5; -webkit-transition: all 0.3s ease-in-out; } p:before:hover { opacity:1; bakcground:#000; } EDIT: I'm

How to ignore specific warnings outputted by the CSSLint extension for Brackets

三世轮回 提交于 2019-12-03 13:19:18
问题 I'm using the CSSLint extension for Brackets. Is there a way to disable specific warnings for things like box-model and @bulletproof-font-face ? The best match I've found for a discussion is here. At the moment I'm hoping to use a preamble in my CSS of the form /*csslint ignore: box-model */ , but that's not working. I do know that this extension is able to work with .csslintrc files. I've attempted to put one in the same directory as where my CSS lives, with csslint ignore: box-model , but

How to ignore specific warnings outputted by the CSSLint extension for Brackets

我的未来我决定 提交于 2019-12-03 04:18:19
I'm using the CSSLint extension for Brackets . Is there a way to disable specific warnings for things like box-model and @bulletproof-font-face ? The best match I've found for a discussion is here . At the moment I'm hoping to use a preamble in my CSS of the form /*csslint ignore: box-model */ , but that's not working. I do know that this extension is able to work with .csslintrc files. I've attempted to put one in the same directory as where my CSS lives, with csslint ignore: box-model , but that didn't work either. Any advice or insights will be appreciated. Update 1 Looking more into the

CSS lint parsing error - expected LBRACE error

你。 提交于 2019-11-28 10:04:33
问题 Need some help. When looking at my CSS in CSS lint, they constantly report a parsing error, namely 'expected LBRACE error' Here is a screenshot of the issue: screenshot They show issue on my closing bracket. I checked my code several times, and I just can't find, what could be the issue. What I realized if I change the key-frame prefix order, then the error shows on different lines (so not always on the closing bracket) Here is my code, please take a look, and let me know if somebody sees an

Why selecting by ID is not recommended in CSS? [closed]

旧时模样 提交于 2019-11-27 03:14:17
问题 In CSS Lint, they don't recommend using an id for selecting elements. I trust CSS Lint because it written by smart people who know CSS very good and in depth. But I want to know what are reasons of this? Why is selecting with an id not a good thing? 回答1: CSSLint gives a guide to why they make their recommendations: IDs shouldn't be used in selectors because these rules are too tightly coupled with the HTML and have no possibility of reuse. It's much preferred to use classes in selectors and