How can I apply a style using LESS to a nephew element of a class
I have these elements on the HTML:
<div id="td-status" class="icongb-cancelled"></div>
<div class="ticket-header-text">
<span class="bet-text">TEXT1</span>
<span>TEXT2</span>
</div>
and I want to apply a certain style using LESS to TEXT1 ('bet-text' class) whether its uncle has a cercaion class (in this case icongb-cancelled). I'd like to apply it also to TEXT2 (no class). Would it be possible?
I'm using this code, but it doesn't work:
.icongb_cancelled ~ .ticket-header-text {
& .bet-text {
color: #959595;
}
}
NOTE: I don't want to use JQuery to add or remove any class.
I want to make it just using LESS wihtout any modifying on the HTML.
Thanks in advance.
EDIT: The code was fine, the problem was that I was using an underscore instead of a dash. so you can use that code to apply a style to a nephew element.
html css less
add a comment |
I have these elements on the HTML:
<div id="td-status" class="icongb-cancelled"></div>
<div class="ticket-header-text">
<span class="bet-text">TEXT1</span>
<span>TEXT2</span>
</div>
and I want to apply a certain style using LESS to TEXT1 ('bet-text' class) whether its uncle has a cercaion class (in this case icongb-cancelled). I'd like to apply it also to TEXT2 (no class). Would it be possible?
I'm using this code, but it doesn't work:
.icongb_cancelled ~ .ticket-header-text {
& .bet-text {
color: #959595;
}
}
NOTE: I don't want to use JQuery to add or remove any class.
I want to make it just using LESS wihtout any modifying on the HTML.
Thanks in advance.
EDIT: The code was fine, the problem was that I was using an underscore instead of a dash. so you can use that code to apply a style to a nephew element.
html css less
1
I think you have some terms mixed up... I get your meaning but divs aren't brothers to one another, siblings sure- but only when they share a class (or when generic elements are used). That aside, to my knowledge this isn't possible
– treyBake
Nov 21 '18 at 16:06
1
Also, if you want to target only the .ticket-header-text adjacent to .icongb_cancelled, use + instead of ~
– rubentd
Nov 21 '18 at 16:10
Can you please check in the parsed CSS what your selector looks like? Have you parsed the LESS file, to re-generate the CSS?
– Andrei Gheorghiu
Nov 21 '18 at 16:25
add a comment |
I have these elements on the HTML:
<div id="td-status" class="icongb-cancelled"></div>
<div class="ticket-header-text">
<span class="bet-text">TEXT1</span>
<span>TEXT2</span>
</div>
and I want to apply a certain style using LESS to TEXT1 ('bet-text' class) whether its uncle has a cercaion class (in this case icongb-cancelled). I'd like to apply it also to TEXT2 (no class). Would it be possible?
I'm using this code, but it doesn't work:
.icongb_cancelled ~ .ticket-header-text {
& .bet-text {
color: #959595;
}
}
NOTE: I don't want to use JQuery to add or remove any class.
I want to make it just using LESS wihtout any modifying on the HTML.
Thanks in advance.
EDIT: The code was fine, the problem was that I was using an underscore instead of a dash. so you can use that code to apply a style to a nephew element.
html css less
I have these elements on the HTML:
<div id="td-status" class="icongb-cancelled"></div>
<div class="ticket-header-text">
<span class="bet-text">TEXT1</span>
<span>TEXT2</span>
</div>
and I want to apply a certain style using LESS to TEXT1 ('bet-text' class) whether its uncle has a cercaion class (in this case icongb-cancelled). I'd like to apply it also to TEXT2 (no class). Would it be possible?
I'm using this code, but it doesn't work:
.icongb_cancelled ~ .ticket-header-text {
& .bet-text {
color: #959595;
}
}
NOTE: I don't want to use JQuery to add or remove any class.
I want to make it just using LESS wihtout any modifying on the HTML.
Thanks in advance.
EDIT: The code was fine, the problem was that I was using an underscore instead of a dash. so you can use that code to apply a style to a nephew element.
html css less
html css less
edited Nov 22 '18 at 7:32
Lorenzo
asked Nov 21 '18 at 16:03
LorenzoLorenzo
185
185
1
I think you have some terms mixed up... I get your meaning but divs aren't brothers to one another, siblings sure- but only when they share a class (or when generic elements are used). That aside, to my knowledge this isn't possible
– treyBake
Nov 21 '18 at 16:06
1
Also, if you want to target only the .ticket-header-text adjacent to .icongb_cancelled, use + instead of ~
– rubentd
Nov 21 '18 at 16:10
Can you please check in the parsed CSS what your selector looks like? Have you parsed the LESS file, to re-generate the CSS?
– Andrei Gheorghiu
Nov 21 '18 at 16:25
add a comment |
1
I think you have some terms mixed up... I get your meaning but divs aren't brothers to one another, siblings sure- but only when they share a class (or when generic elements are used). That aside, to my knowledge this isn't possible
– treyBake
Nov 21 '18 at 16:06
1
Also, if you want to target only the .ticket-header-text adjacent to .icongb_cancelled, use + instead of ~
– rubentd
Nov 21 '18 at 16:10
Can you please check in the parsed CSS what your selector looks like? Have you parsed the LESS file, to re-generate the CSS?
– Andrei Gheorghiu
Nov 21 '18 at 16:25
1
1
I think you have some terms mixed up... I get your meaning but divs aren't brothers to one another, siblings sure- but only when they share a class (or when generic elements are used). That aside, to my knowledge this isn't possible
– treyBake
Nov 21 '18 at 16:06
I think you have some terms mixed up... I get your meaning but divs aren't brothers to one another, siblings sure- but only when they share a class (or when generic elements are used). That aside, to my knowledge this isn't possible
– treyBake
Nov 21 '18 at 16:06
1
1
Also, if you want to target only the .ticket-header-text adjacent to .icongb_cancelled, use + instead of ~
– rubentd
Nov 21 '18 at 16:10
Also, if you want to target only the .ticket-header-text adjacent to .icongb_cancelled, use + instead of ~
– rubentd
Nov 21 '18 at 16:10
Can you please check in the parsed CSS what your selector looks like? Have you parsed the LESS file, to re-generate the CSS?
– Andrei Gheorghiu
Nov 21 '18 at 16:25
Can you please check in the parsed CSS what your selector looks like? Have you parsed the LESS file, to re-generate the CSS?
– Andrei Gheorghiu
Nov 21 '18 at 16:25
add a comment |
2 Answers
2
active
oldest
votes
You're using .icongb_canceled in the selector, but the class is icongb-canceled.
Dash vs underscore. They need to match.
The problem was the dash and the underscore. I'm grateful for your answer, it solved my problem. I didn't see it as an useful question with that error, so I updated it to make it useful for other people. I had to add a Note but too much work :) Thanks for the answer :)
– Lorenzo
Nov 21 '18 at 21:34
@Lorenzo, in that case you have two options: a) revert the change, because right now the question doesn't make sense (there's no reason for the described behavior to be happening in the posted code - and therefore it's less useful than when containing the error; in current form it would only add confusion to anyone with a similar problem) and mark my answer as correct (it addressed the cause of the problem and provided correct solution) or b) consider the question a "typo", therefore off-topic on Stack Overflow, therefore not useful to future users, and delete it altogether.
– Andrei Gheorghiu
Nov 21 '18 at 23:26
Note the second reason in rules regarding editing other people's posts: "to clarify the meaning of a post without changing it". Same applies to modifying own questions: edits should remove ambiguity, add context, or correct mistakes (in formulating the question) without changing its meaning. Modifying the question to include the answer goes against general principles of Stack Overflow and is definitely counter productive (it undermines the question's ability to help others).
– Andrei Gheorghiu
Nov 21 '18 at 23:48
1
I edited it to validate your answer.@Andrei
– Lorenzo
Nov 22 '18 at 7:46
Closing the question as off topic -> typo would be the best solution. If the whole thing works as-is after fixing the typo, there is no use for others, and it may only confuse people who are looking for a solution for their incorrect CSS or LESS selectors.
– GolezTrol
Nov 22 '18 at 10:01
|
show 1 more comment
You can write .icongb-cancelled ~ .ticket-header-text .bet-text, which is valid in CSS, but also is LESS compatible:
.icongb-cancelled ~ .ticket-header-text .bet-text {
color: blue;
}
.icongb-cancelled ~ .ticket-header-text span {
color: green;
}<div id="td-status" class="icongb-cancelled"></div>
<div class="ticket-header-text">
<span class="bet-text">TEXT1</span>
<span>TEXT2</span>
</div>add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53416016%2fhow-can-i-apply-a-style-using-less-to-a-nephew-element-of-a-class%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
You're using .icongb_canceled in the selector, but the class is icongb-canceled.
Dash vs underscore. They need to match.
The problem was the dash and the underscore. I'm grateful for your answer, it solved my problem. I didn't see it as an useful question with that error, so I updated it to make it useful for other people. I had to add a Note but too much work :) Thanks for the answer :)
– Lorenzo
Nov 21 '18 at 21:34
@Lorenzo, in that case you have two options: a) revert the change, because right now the question doesn't make sense (there's no reason for the described behavior to be happening in the posted code - and therefore it's less useful than when containing the error; in current form it would only add confusion to anyone with a similar problem) and mark my answer as correct (it addressed the cause of the problem and provided correct solution) or b) consider the question a "typo", therefore off-topic on Stack Overflow, therefore not useful to future users, and delete it altogether.
– Andrei Gheorghiu
Nov 21 '18 at 23:26
Note the second reason in rules regarding editing other people's posts: "to clarify the meaning of a post without changing it". Same applies to modifying own questions: edits should remove ambiguity, add context, or correct mistakes (in formulating the question) without changing its meaning. Modifying the question to include the answer goes against general principles of Stack Overflow and is definitely counter productive (it undermines the question's ability to help others).
– Andrei Gheorghiu
Nov 21 '18 at 23:48
1
I edited it to validate your answer.@Andrei
– Lorenzo
Nov 22 '18 at 7:46
Closing the question as off topic -> typo would be the best solution. If the whole thing works as-is after fixing the typo, there is no use for others, and it may only confuse people who are looking for a solution for their incorrect CSS or LESS selectors.
– GolezTrol
Nov 22 '18 at 10:01
|
show 1 more comment
You're using .icongb_canceled in the selector, but the class is icongb-canceled.
Dash vs underscore. They need to match.
The problem was the dash and the underscore. I'm grateful for your answer, it solved my problem. I didn't see it as an useful question with that error, so I updated it to make it useful for other people. I had to add a Note but too much work :) Thanks for the answer :)
– Lorenzo
Nov 21 '18 at 21:34
@Lorenzo, in that case you have two options: a) revert the change, because right now the question doesn't make sense (there's no reason for the described behavior to be happening in the posted code - and therefore it's less useful than when containing the error; in current form it would only add confusion to anyone with a similar problem) and mark my answer as correct (it addressed the cause of the problem and provided correct solution) or b) consider the question a "typo", therefore off-topic on Stack Overflow, therefore not useful to future users, and delete it altogether.
– Andrei Gheorghiu
Nov 21 '18 at 23:26
Note the second reason in rules regarding editing other people's posts: "to clarify the meaning of a post without changing it". Same applies to modifying own questions: edits should remove ambiguity, add context, or correct mistakes (in formulating the question) without changing its meaning. Modifying the question to include the answer goes against general principles of Stack Overflow and is definitely counter productive (it undermines the question's ability to help others).
– Andrei Gheorghiu
Nov 21 '18 at 23:48
1
I edited it to validate your answer.@Andrei
– Lorenzo
Nov 22 '18 at 7:46
Closing the question as off topic -> typo would be the best solution. If the whole thing works as-is after fixing the typo, there is no use for others, and it may only confuse people who are looking for a solution for their incorrect CSS or LESS selectors.
– GolezTrol
Nov 22 '18 at 10:01
|
show 1 more comment
You're using .icongb_canceled in the selector, but the class is icongb-canceled.
Dash vs underscore. They need to match.
You're using .icongb_canceled in the selector, but the class is icongb-canceled.
Dash vs underscore. They need to match.
edited Nov 22 '18 at 8:50
answered Nov 21 '18 at 16:09
Andrei GheorghiuAndrei Gheorghiu
36.1k74875
36.1k74875
The problem was the dash and the underscore. I'm grateful for your answer, it solved my problem. I didn't see it as an useful question with that error, so I updated it to make it useful for other people. I had to add a Note but too much work :) Thanks for the answer :)
– Lorenzo
Nov 21 '18 at 21:34
@Lorenzo, in that case you have two options: a) revert the change, because right now the question doesn't make sense (there's no reason for the described behavior to be happening in the posted code - and therefore it's less useful than when containing the error; in current form it would only add confusion to anyone with a similar problem) and mark my answer as correct (it addressed the cause of the problem and provided correct solution) or b) consider the question a "typo", therefore off-topic on Stack Overflow, therefore not useful to future users, and delete it altogether.
– Andrei Gheorghiu
Nov 21 '18 at 23:26
Note the second reason in rules regarding editing other people's posts: "to clarify the meaning of a post without changing it". Same applies to modifying own questions: edits should remove ambiguity, add context, or correct mistakes (in formulating the question) without changing its meaning. Modifying the question to include the answer goes against general principles of Stack Overflow and is definitely counter productive (it undermines the question's ability to help others).
– Andrei Gheorghiu
Nov 21 '18 at 23:48
1
I edited it to validate your answer.@Andrei
– Lorenzo
Nov 22 '18 at 7:46
Closing the question as off topic -> typo would be the best solution. If the whole thing works as-is after fixing the typo, there is no use for others, and it may only confuse people who are looking for a solution for their incorrect CSS or LESS selectors.
– GolezTrol
Nov 22 '18 at 10:01
|
show 1 more comment
The problem was the dash and the underscore. I'm grateful for your answer, it solved my problem. I didn't see it as an useful question with that error, so I updated it to make it useful for other people. I had to add a Note but too much work :) Thanks for the answer :)
– Lorenzo
Nov 21 '18 at 21:34
@Lorenzo, in that case you have two options: a) revert the change, because right now the question doesn't make sense (there's no reason for the described behavior to be happening in the posted code - and therefore it's less useful than when containing the error; in current form it would only add confusion to anyone with a similar problem) and mark my answer as correct (it addressed the cause of the problem and provided correct solution) or b) consider the question a "typo", therefore off-topic on Stack Overflow, therefore not useful to future users, and delete it altogether.
– Andrei Gheorghiu
Nov 21 '18 at 23:26
Note the second reason in rules regarding editing other people's posts: "to clarify the meaning of a post without changing it". Same applies to modifying own questions: edits should remove ambiguity, add context, or correct mistakes (in formulating the question) without changing its meaning. Modifying the question to include the answer goes against general principles of Stack Overflow and is definitely counter productive (it undermines the question's ability to help others).
– Andrei Gheorghiu
Nov 21 '18 at 23:48
1
I edited it to validate your answer.@Andrei
– Lorenzo
Nov 22 '18 at 7:46
Closing the question as off topic -> typo would be the best solution. If the whole thing works as-is after fixing the typo, there is no use for others, and it may only confuse people who are looking for a solution for their incorrect CSS or LESS selectors.
– GolezTrol
Nov 22 '18 at 10:01
The problem was the dash and the underscore. I'm grateful for your answer, it solved my problem. I didn't see it as an useful question with that error, so I updated it to make it useful for other people. I had to add a Note but too much work :) Thanks for the answer :)
– Lorenzo
Nov 21 '18 at 21:34
The problem was the dash and the underscore. I'm grateful for your answer, it solved my problem. I didn't see it as an useful question with that error, so I updated it to make it useful for other people. I had to add a Note but too much work :) Thanks for the answer :)
– Lorenzo
Nov 21 '18 at 21:34
@Lorenzo, in that case you have two options: a) revert the change, because right now the question doesn't make sense (there's no reason for the described behavior to be happening in the posted code - and therefore it's less useful than when containing the error; in current form it would only add confusion to anyone with a similar problem) and mark my answer as correct (it addressed the cause of the problem and provided correct solution) or b) consider the question a "typo", therefore off-topic on Stack Overflow, therefore not useful to future users, and delete it altogether.
– Andrei Gheorghiu
Nov 21 '18 at 23:26
@Lorenzo, in that case you have two options: a) revert the change, because right now the question doesn't make sense (there's no reason for the described behavior to be happening in the posted code - and therefore it's less useful than when containing the error; in current form it would only add confusion to anyone with a similar problem) and mark my answer as correct (it addressed the cause of the problem and provided correct solution) or b) consider the question a "typo", therefore off-topic on Stack Overflow, therefore not useful to future users, and delete it altogether.
– Andrei Gheorghiu
Nov 21 '18 at 23:26
Note the second reason in rules regarding editing other people's posts: "to clarify the meaning of a post without changing it". Same applies to modifying own questions: edits should remove ambiguity, add context, or correct mistakes (in formulating the question) without changing its meaning. Modifying the question to include the answer goes against general principles of Stack Overflow and is definitely counter productive (it undermines the question's ability to help others).
– Andrei Gheorghiu
Nov 21 '18 at 23:48
Note the second reason in rules regarding editing other people's posts: "to clarify the meaning of a post without changing it". Same applies to modifying own questions: edits should remove ambiguity, add context, or correct mistakes (in formulating the question) without changing its meaning. Modifying the question to include the answer goes against general principles of Stack Overflow and is definitely counter productive (it undermines the question's ability to help others).
– Andrei Gheorghiu
Nov 21 '18 at 23:48
1
1
I edited it to validate your answer.@Andrei
– Lorenzo
Nov 22 '18 at 7:46
I edited it to validate your answer.@Andrei
– Lorenzo
Nov 22 '18 at 7:46
Closing the question as off topic -> typo would be the best solution. If the whole thing works as-is after fixing the typo, there is no use for others, and it may only confuse people who are looking for a solution for their incorrect CSS or LESS selectors.
– GolezTrol
Nov 22 '18 at 10:01
Closing the question as off topic -> typo would be the best solution. If the whole thing works as-is after fixing the typo, there is no use for others, and it may only confuse people who are looking for a solution for their incorrect CSS or LESS selectors.
– GolezTrol
Nov 22 '18 at 10:01
|
show 1 more comment
You can write .icongb-cancelled ~ .ticket-header-text .bet-text, which is valid in CSS, but also is LESS compatible:
.icongb-cancelled ~ .ticket-header-text .bet-text {
color: blue;
}
.icongb-cancelled ~ .ticket-header-text span {
color: green;
}<div id="td-status" class="icongb-cancelled"></div>
<div class="ticket-header-text">
<span class="bet-text">TEXT1</span>
<span>TEXT2</span>
</div>add a comment |
You can write .icongb-cancelled ~ .ticket-header-text .bet-text, which is valid in CSS, but also is LESS compatible:
.icongb-cancelled ~ .ticket-header-text .bet-text {
color: blue;
}
.icongb-cancelled ~ .ticket-header-text span {
color: green;
}<div id="td-status" class="icongb-cancelled"></div>
<div class="ticket-header-text">
<span class="bet-text">TEXT1</span>
<span>TEXT2</span>
</div>add a comment |
You can write .icongb-cancelled ~ .ticket-header-text .bet-text, which is valid in CSS, but also is LESS compatible:
.icongb-cancelled ~ .ticket-header-text .bet-text {
color: blue;
}
.icongb-cancelled ~ .ticket-header-text span {
color: green;
}<div id="td-status" class="icongb-cancelled"></div>
<div class="ticket-header-text">
<span class="bet-text">TEXT1</span>
<span>TEXT2</span>
</div>You can write .icongb-cancelled ~ .ticket-header-text .bet-text, which is valid in CSS, but also is LESS compatible:
.icongb-cancelled ~ .ticket-header-text .bet-text {
color: blue;
}
.icongb-cancelled ~ .ticket-header-text span {
color: green;
}<div id="td-status" class="icongb-cancelled"></div>
<div class="ticket-header-text">
<span class="bet-text">TEXT1</span>
<span>TEXT2</span>
</div>.icongb-cancelled ~ .ticket-header-text .bet-text {
color: blue;
}
.icongb-cancelled ~ .ticket-header-text span {
color: green;
}<div id="td-status" class="icongb-cancelled"></div>
<div class="ticket-header-text">
<span class="bet-text">TEXT1</span>
<span>TEXT2</span>
</div>.icongb-cancelled ~ .ticket-header-text .bet-text {
color: blue;
}
.icongb-cancelled ~ .ticket-header-text span {
color: green;
}<div id="td-status" class="icongb-cancelled"></div>
<div class="ticket-header-text">
<span class="bet-text">TEXT1</span>
<span>TEXT2</span>
</div>answered Nov 21 '18 at 16:09
GolezTrolGolezTrol
99.4k10134176
99.4k10134176
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53416016%2fhow-can-i-apply-a-style-using-less-to-a-nephew-element-of-a-class%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
1
I think you have some terms mixed up... I get your meaning but divs aren't brothers to one another, siblings sure- but only when they share a class (or when generic elements are used). That aside, to my knowledge this isn't possible
– treyBake
Nov 21 '18 at 16:06
1
Also, if you want to target only the .ticket-header-text adjacent to .icongb_cancelled, use + instead of ~
– rubentd
Nov 21 '18 at 16:10
Can you please check in the parsed CSS what your selector looks like? Have you parsed the LESS file, to re-generate the CSS?
– Andrei Gheorghiu
Nov 21 '18 at 16:25