CSS3: Edit a specific object style

Description

The web is updated every day and on web 2.0 there are some coding languages called CSS3 and HTML5. With this languages we can edit the style of specific objects in our html pages; here you are some examples and how they work

Set up

This is the basic code:

Code: Select Content

tagname[attribute="value"] {
here css;
}

From this code you can edit tagname with the tag name... Here you are a list of some tags:

Type of tag	Tagname
URL link html	a
Image html	img
Text	font
iFrame	frame

Customize the tutorial

For example if you want to edit the style of this image (https://i.servimg.com/u/f49/17/19/90/23/logo11.png) you have to use this CSS code:

Code: Select Content

img[src="https://i.servimg.com/u/f49/17/19/90/23/logo11.png"] {
here css;
}

As you can notice the attribute changed to the attribute added in the code. You have just to change it!

Technical problems

The tutorial was tested on this forum and with the browser Google Chrome; If you notice that the tutorial doesn't work for a browser or for a version of forum (PhpBB2, PhpBB3, PunBB, Invision) contact an administrator and we will fill this field with your reporting. Thanks, the staff

For every problem or question please, contact us in the section Support for the tutorials, The staff will answer you as soon as it is possible...

Friendly,
The team of the Forum of Codes.