:out-of-range

Posted by & filed under O.

The :out-of-range pseudo selector in CSS matches input elements when their value is outside the range specified as being acceptable. <input type=”number” min=”5″ max=”10″> input:out-of-range { border: 5px solid red; } I believe it’s only relevant on input[type=number]. Range inputs don’t allow values outside their min/max and it doesn’t make much sense on any other type of

Continue reading →

:optional

Posted by & filed under O.

The :optional pseudo class targets inputs (including <select>s) that are not specifically set as required (do not have the required attribute). This can be useful when you want to give optional fields a specific look, maybe slightly less visible than required ones. Syntax input[type=text]:optional { border: 1px solid #eee; } Demo In the following demo, optional field (“Name”, “Gender” and “Continent”) have

Continue reading →

:only-of-type

Posted by & filed under O.

The :only-of-type pseudo-class selector in CSS represents any element that has no siblings of the given type. p:only-of-type { color: red; } If no tag precedes the selector, it will match any tag (e.g. :only-of-type). If another selector precedes it, it will matched based on the type of tag that selector matches. For example .example:only-of-type will behave like p:only-of-type if .example is applied to a paragraph element.

Continue reading →

How to change the WordPress site URL using MySQL command line

Posted by & filed under WordPress.

The following steps may be helpful for a site migration where you need to find and replace all the old URLs with the new URLs. Problem: site references old URL (http://www.domain1.com). New URL is http://www.domain2.com Solution: Use the command line to make short work of the task. user@server:~$ mysql -u root -p Enter password: Use the database

Continue reading →