Hi,
I have di part of CSS:
1@media (min-width: 768px) {
2 #page-header .logo {
3 max-height: 76px;
4 }
5 #page-header h1 {
6 font-size: 2.3em;
7 margin-top: 30px;
8 }
9 #page-header hr {
10 margin: 0;
11 }
12 #login-form {
13 border-radius: 30px;
14 padding: 30px 40px 40px;
15 max-width: 420px;
16 }
17
18 /* LINK E BUTTON */
19 a:focus,
20 .btn:focus {
21 outline: 2px solid #ff8c00 !important;
22 outline-offset: 1px;
23 }
24 .navbar-nav > li > a:focus,
25 #menu-left > li > a:focus {
26 outline-offset: -2px;
27 }
28 .panel-collapsible > .panel-heading > a:focus,
29 .pagination > li > a:focus {
30 outline-offset: -1px;
31 }
32}
SonarQube give me this violation on line 19:
- Unknown properties should be removed
because it interprets "a" as a property and therefore is not known, but is an element of the @media element.
In general, it seems to me that in analyzing nested elements the scanner becomes confused
Could you check this situation?