Labels

CSS Clues

Cascading Style Sheets is used to bring cosmetic changes... to an HTML document.  See more
Action Command
SELECTORS
Select(siblings) all DIVs occur at the same level of a specific class .class ~ div
Select one immediate next sibling DIVs occur at the same level of a specific class .class + div
Select all first level child DIVs within a specific class .class > div
PSEUDO CLASSES
Select the active link a:active
Select the links on mouse hover a:hover
Select the first child DIV within a specific class .class div:first-child
Select the Nth child DIV within a specific class .class div:nth-child(n)
PSEUDO ELEMENTS
Insert something before all DIV element div::before
Insert something after all DIV element div::after
Select first letter of every DIV element div::first-letter
Labels:

Comments

  1. Anonymous7 July 2020 at 08:09

    If the yoyo is directly inside the container:
    #container:hover > #yoyo { color: yellow; }

    If yoyo is next to (after containers closing tag) the container:
    #container:hover + #yoyo { color: yellow; }

    If the yoyo is somewhere inside the container:
    #container:hover #yoyo { color: yellow; }

    If the yoyo is a sibling of the container:
    #container:hover ~ #yoyo { color: yellow; }

    ReplyDelete
  2. Anonymous11 May 2021 at 00:19

    Pseudo-class defines a special state of an element.
    Example, mouse hover, focus etc.

    Pseudo-element is used to style specified parts of an element.
    Example, before/after, first/last, letter/line of an element.

    ReplyDelete
  3. Anonymous11 May 2021 at 10:28

    Calculating a selector’s specificity
    https://www.w3schools.com/css/css_specificity.asp

    ReplyDelete
  4. Anonymous28 May 2021 at 05:08

    Siblings placed in DOM after the .class occurance
    .class ~ div
    https://www.w3schools.com/css/css_combinators.asp

    ReplyDelete

Post a Comment

Drupal Contribution
Miscellaneous
Git Commands
Tools
RESTful Services
Module
Lando Commands
Tools
Docker Commands
Tools
MySQL
Database
Database Quick Code
Database
Drush Commands
Tools
Drupal Console
Tools
PHP Quick Code
Module
Drupal Quick Code
Module
Composer Commands
Tools
Linux Commands
Environment
Linux Shell Scripting
Environment
Drupal Hooks
Module
Twig Tricks
Theme
PHPUnit Test
Module
PhpMyAdmin
Database
Drupal Constants
Module
CSS Clues
Theme
BLT Commands
Tools
Vagrant Commands
Tools
Localhost
127.0.0.1
Environment
Drupal Interview
Miscellaneous
Drupal Certifications
Miscellaneous
Concept & Definitions
Miscellaneous
Mac Tips
Miscellaneous
Windows Tips
Miscellaneous
Browser Tips
Miscellaneous

Best Practice

Use 'elseif' instead of 'else if'
#CodingTips

As of PHP 5.4 you can also use the short array syntax, which replaces array() with []
#CodingTips

Functions in general shall be named using snake_case(say, my_function()), and using camelCase(say, myFunction()) when declared within a plugin class
#CodingTips

Variables in general shall be named using snake_case(say, $my_variable), and using camelCase(say, $myVariable) when declared within a plugin class
#CodingTips

Manage automatically assigning of new permissions whenever a module is enabled here- admin/config/people/accounts
#ConfigurationTips

Manage source of Main-menu and User-menu links here- admin/structure/menu/settings
#ConfigurationTips

Helper function(s) shall be named prefixing an underscore(say, _my_helper_function()), which can prevent hooks from being called
#CodingTips

Ideally, configuring of 'Private file system path' at admin/config/media/file-system should be located outside of your Drupal root folder(say, ../my_private_files)
#ConfigurationTips

You should be aware that uploading files as 'Private file' will slow down the process of loading the files as Drupal has to be bootstrapped for every file that needs to be downloaded
#ConfigurationTips #BeAware

Code should always be pushed up(dev -> staging -> production) and databases should only be pushed down(production -> staging -> dev)
#DevelopmentTips

Get Raw SQL Query of drupal dynamic queries before executing it using $query->__toString();
#DebugTips

In VI-Editor, Press ESC key to come in command mode and for undo type :U and for redo type :Ctrl+R
#LinuxTips

Insert queries must always use a query builder object(layer of abstraction), allowing individual database drivers special handling for column values (if applicable), example case for LOB and BLOB fields.
#DatabaseQueryTips

Drupal uses the .inc extension to prevent files from being executed directly.
#DevelopmentTips

Popular Posts