Question

Can we write selectors by only name

For example,

<div name= "outer-name">
    <img name="inner-image" src="images/ine.jpg" alt"" />
</div>

I want to take style of inner-mage in css file like [outer-name] [inner-image]

In CSS file

[outer-name] [inner-image] {
    /*styles*/
}

I cant take selector as [outer-name] img etc .. only selecting by name

Answer 1

You can use attribute selectors:

[name="outer-name"] [name="inner-image"]

But keep in mind that name is not a valid attribute for <div> or <img>, even though the above selector will work. It’s best that you either change them to classes, or if you’re using HTML5, add the data- prefix to them, so it looks like this:

<div data-name= "outer-name">
    <img data-name="inner-image" src="images/ine.jpg" alt"" />
</div>

Then use this selector:

[data-name="outer-name"] [data-name="inner-image"]