w3resource

HTML CSS Exercise - Select elements by attribute

HTML CSS Exercise - 22

In this exercise you will In this exercise you will Select elements by attribute. You have to select elements having attributes 'data-name=w3r'

On completion, the page will look like following

HTML select-by-attribute

Use the following editor to complete the exercise.

See the solution in the browser

See the Pen html css common editor by w3resource (@w3resource) on CodePen.


Previous: Style the element which is not empty.
Next: Target attribute begins wth a certain value.

What is the difficulty level of this exercise?

Test your Programming skills with w3resource's quiz.



Follow us on Facebook and Twitter for latest update.

HTML-CSS: Tips of the Day

Stacking DIVs on top of each other?

CSS Code:

.inner {
  position: absolute;
}

HTML Code:

<div class="outer">
   <div class="inner">1</div>
   <div class="inner">2</div>
   <div class="inner">3</div>
   <div class="inner">4</div>
</div> 

Ref: https://bit.ly/3AvpGf9

 





We are closing our Disqus commenting system for some maintenanace issues. You may write to us at reach[at]yahoo[dot]com or visit us at Facebook