Skip to content
GitLab
Projects Groups Snippets
  • /
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in / Register
  • B bootstrap
  • Project information
    • Project information
    • Activity
    • Labels
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 263
    • Issues 263
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 114
    • Merge requests 114
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Packages and registries
    • Packages and registries
    • Package Registry
    • Infrastructure Registry
  • Monitor
    • Monitor
    • Incidents
  • Analytics
    • Analytics
    • Value stream
    • CI/CD
    • Repository
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • Bootstrap
  • bootstrap
  • Merge requests
  • !20143

Add Wall of Browser Bugs entries for Selectors Level 4 :nth-child(An+B of S)

  • Review changes

  • Download
  • Email patches
  • Plain diff
Merged Administrator requested to merge nth-child-of into v4-dev Jun 20, 2016
  • Overview 0
  • Commits 1
  • Pipelines 0
  • Changes 1

Created by: cvrebert

I propose adding these on the grounds that the of S feature would allow us to make our widgets more robust. We've had several issue reports (e.g. #15684 (closed), #13825 (closed), #16540 (closed)) where folks tried to put stuff like <input type="hidden"> within .input-group or .btn-group, but this broke the :first-child/:last-child-based selectors we use to adjust rounded corners. With this feature, we could restrict the children considered to only the relevant ones, thus ignoring other irrelevant elements. For example, we could use :nth-child(1 of .btn) in our .btn-group CSS to ignore non-.btn children and thus round the corners correctly in such cases.

Refs:

  • http://caniuse.com/#feat=css-nth-child-of
  • https://drafts.csswg.org/selectors-4/#the-nth-child-pseudo
  • https://crbug.com/304163
  • https://bugzil.la/854148

CC: @twbs/team for review

Assignee
Assign to
Reviewers
Request review from
Time tracking
Source branch: nth-child-of