CSS selector for first descendant of type inside ancestor
I want to select the first <d> in <a> and I do not know how many and what non-d elements are in <...>.
Is it possible to select the first <d> with CSS selectors?
<a>
<...>
<d></d>
</...>
<b>
<d></d>
</b>
</a>
Edit: I think this is impossible and would like to get confirmation about this.
css css-selectors
edited Nov 26 '18 at 3:02
BoltClock♦
517k12811531193
asked Nov 24 '18 at 1:40
Fibo KowalskyFibo Kowalsky
342316
add a comment |
I want to select the first <d> in <a> and I do not know how many and what non-d elements are in <...>.
Is it possible to select the first <d> with CSS selectors?
<a>
<...>
<d></d>
</...>
<b>
<d></d>
</b>
</a>
Edit: I think this is impossible and would like to get confirmation about this.
css css-selectors
edited Nov 26 '18 at 3:02
BoltClock♦
517k12811531193
asked Nov 24 '18 at 1:40
Fibo KowalskyFibo Kowalsky
342316
1
In your example markup, you don't have any <a> elements that are inside the <b> element.
– Paul
Nov 24 '18 at 1:44
Fixed the title
– Fibo Kowalsky
Nov 24 '18 at 1:47
add a comment |
I want to select the first <d> in <a> and I do not know how many and what non-d elements are in <...>.
Is it possible to select the first <d> with CSS selectors?
<a>
<...>
<d></d>
</...>
<b>
<d></d>
</b>
</a>
Edit: I think this is impossible and would like to get confirmation about this.
css css-selectors
edited Nov 26 '18 at 3:02
BoltClock♦
517k12811531193
asked Nov 24 '18 at 1:40
Fibo KowalskyFibo Kowalsky
342316
I want to select the first <d> in <a> and I do not know how many and what non-d elements are in <...>.
Is it possible to select the first <d> with CSS selectors?
<a>
<...>
<d></d>
</...>
<b>
<d></d>
</b>
</a>
Edit: I think this is impossible and would like to get confirmation about this.
css css-selectors
css css-selectors
edited Nov 26 '18 at 3:02
BoltClock♦
517k12811531193
asked Nov 24 '18 at 1:40
Fibo KowalskyFibo Kowalsky
342316
edited Nov 26 '18 at 3:02
BoltClock♦
517k12811531193
asked Nov 24 '18 at 1:40
Fibo KowalskyFibo Kowalsky
342316
edited Nov 26 '18 at 3:02
BoltClock♦
517k12811531193
edited Nov 26 '18 at 3:02
BoltClock♦
517k12811531193
edited Nov 26 '18 at 3:02
BoltClock♦
517k12811531193
517k12811531193
asked Nov 24 '18 at 1:40
Fibo KowalskyFibo Kowalsky
342316
asked Nov 24 '18 at 1:40
Fibo KowalskyFibo Kowalsky
342316
asked Nov 24 '18 at 1:40
Fibo KowalskyFibo Kowalsky
342316
342316
1
In your example markup, you don't have any <a> elements that are inside the <b> element.
– Paul
Nov 24 '18 at 1:44
Fixed the title
– Fibo Kowalsky
Nov 24 '18 at 1:47
add a comment |
1
In your example markup, you don't have any <a> elements that are inside the <b> element.
– Paul
Nov 24 '18 at 1:44
Fixed the title
– Fibo Kowalsky
Nov 24 '18 at 1:47
1
1
In your example markup, you don't have any <a> elements that are inside the <b> element.
– Paul
Nov 24 '18 at 1:44
In your example markup, you don't have any <a> elements that are inside the <b> element.
– Paul
Nov 24 '18 at 1:44
Fixed the title
– Fibo Kowalsky
Nov 24 '18 at 1:47
Fixed the title
– Fibo Kowalsky
Nov 24 '18 at 1:47
add a comment |
1 Answer
1
active
oldest
votes
It's not possible to match the first descendant of a certain kind within an ancestor if the location of the first descendant cannot be known in advance. jQuery provides the :eq() selector for this, for which there is no standard equivalent.
For example, if you know the first d is always the first child of some other element that's the first (or second or nth) child of a, you can select that, but if it's not always going to appear there, you have to account for all the other possible locations, which you may or may not be able to do depending on how the markup is generated.
answered Nov 24 '18 at 6:02
BoltClock♦BoltClock
517k12811531193
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%2f53454473%2fcss-selector-for-first-descendant-of-type-inside-ancestor%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
It's not possible to match the first descendant of a certain kind within an ancestor if the location of the first descendant cannot be known in advance. jQuery provides the :eq() selector for this, for which there is no standard equivalent.
For example, if you know the first d is always the first child of some other element that's the first (or second or nth) child of a, you can select that, but if it's not always going to appear there, you have to account for all the other possible locations, which you may or may not be able to do depending on how the markup is generated.
answered Nov 24 '18 at 6:02
BoltClock♦BoltClock
517k12811531193
add a comment |
It's not possible to match the first descendant of a certain kind within an ancestor if the location of the first descendant cannot be known in advance. jQuery provides the :eq() selector for this, for which there is no standard equivalent.
For example, if you know the first d is always the first child of some other element that's the first (or second or nth) child of a, you can select that, but if it's not always going to appear there, you have to account for all the other possible locations, which you may or may not be able to do depending on how the markup is generated.
answered Nov 24 '18 at 6:02
BoltClock♦BoltClock
517k12811531193
add a comment |
It's not possible to match the first descendant of a certain kind within an ancestor if the location of the first descendant cannot be known in advance. jQuery provides the :eq() selector for this, for which there is no standard equivalent.
For example, if you know the first d is always the first child of some other element that's the first (or second or nth) child of a, you can select that, but if it's not always going to appear there, you have to account for all the other possible locations, which you may or may not be able to do depending on how the markup is generated.
answered Nov 24 '18 at 6:02
BoltClock♦BoltClock
517k12811531193
It's not possible to match the first descendant of a certain kind within an ancestor if the location of the first descendant cannot be known in advance. jQuery provides the :eq() selector for this, for which there is no standard equivalent.
For example, if you know the first d is always the first child of some other element that's the first (or second or nth) child of a, you can select that, but if it's not always going to appear there, you have to account for all the other possible locations, which you may or may not be able to do depending on how the markup is generated.
answered Nov 24 '18 at 6:02
BoltClock♦BoltClock
517k12811531193
answered Nov 24 '18 at 6:02
BoltClock♦BoltClock
517k12811531193
answered Nov 24 '18 at 6:02
BoltClock♦BoltClock
517k12811531193
answered Nov 24 '18 at 6:02
BoltClock♦BoltClock
517k12811531193
517k12811531193
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%2f53454473%2fcss-selector-for-first-descendant-of-type-inside-ancestor%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
In your example markup, you don't have any <a> elements that are inside the <b> element.
– Paul
Nov 24 '18 at 1:44
Fixed the title
– Fibo Kowalsky
Nov 24 '18 at 1:47