StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
primarykey
Id
5041526
data
AcceptedAnswerId
0
AnswerCount
0
ClosedDate
CommentCount
0
CommunityOwnedDate
CreationDate
2011-02-18T12:56:29.353
FavoriteCount
0
LastActivityDate
2018-06-05T02:37:45.767
LastEditDate
2018-06-05T02:37:45.767
LastEditorUserId
106224
OwnerUserId
106224
ParentId
5041494
PostTypeId
2
Score
145
ViewCount
0
LastEditorDisplayName
text
Body
Although they are rendered by browsers through CSS as if they were like other real DOM elements, pseudo-elements themselves are not part of the DOM, because pseudo-elements, as the name implies, are not real elements, and therefore you can't select and manipulate them directly with jQuery (or any JavaScript APIs for that matter, not even the <a href="http://www.w3.org/TR/selectors-api" rel="nofollow noreferrer">Selectors API</a>). This applies to any pseudo-elements whose styles you're trying to modify with a script, and not just <code>::before</code> and <code>::after</code>. You can only access pseudo-element styles directly at runtime via the CSSOM (think <code>window.getComputedStyle()</code>), which is not exposed by jQuery beyond <code>.css()</code>, a method that doesn't support pseudo-elements either. You can always find other ways around it, though, for example: <ul> <li>Applying the styles to the pseudo-elements of one or more arbitrary classes, then toggling between classes (see <a href="https://stackoverflow.com/questions/5041494/manipulating-css-pseudo-elements-using-jquery-e-g-before-and-after/5335771#5335771">seucolega's answer</a> for a quick example) — this is the idiomatic way as it makes use of simple selectors (which pseudo-elements are not) to distinguish between elements and element states, the way they're intended to be used</li> <li>Manipulating the styles being applied to said pseudo-elements, by altering the document stylesheet, which is much more of a hack</li> </ul>
Tags
Title
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. POSelecting and manipulating CSS pseudo-elements such as ::before and ::after using jQuery
 singulars
 PostTypePostTypeId
 PTQuestion
PostTypePostTypeId
1. PTAnswer
UserLastEditorUserId
1. USBoltClock
UserOwnerUserId
1. USBoltClock
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. This table or related slice is empty.
VotesPostIdCreationDate
1. VO
 singulars
 PostPostId
 PO
 UserUserId
 This table or related slice is empty.
 VoteTypeVoteTypeId
 VTUpMod
2. VO
 singulars
 PostPostId
 PO
 UserUserId
 This table or related slice is empty.
 VoteTypeVoteTypeId
 VTUpMod
3. VO
 singulars
 PostPostId
 PO
 UserUserId
 This table or related slice is empty.
 VoteTypeVoteTypeId
 VTUpMod
CommentsPostId
1. This table or related slice is empty.

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.