"Only-Child" Psuedo Class does not...

User 2460601 Photo


Registered User
8 posts

The only-child pseudo class does not display correctly in the HTML preview window. The single listed item should have no bullet. The bullet does not appear in chrome as written, but the listed item status does not change in the preview window of the HTML editor. The CSS and HTML are the following:

/* The CSS3 Anthology Chapter 1 Page 14 & 15 */
.navigation li {
border-bottom:1px solid #999999;
}

.navigation li:last-child
{
border-bottom: none;
}

li:only-child
{
list-style-type:none;
}

<!-- The CSS3 Anthology Chapter 1 Page 14 & 15 -->

<ul class="navigation">
<li>Item one</li>
<li>Item Two</li>
<li>Item Three</li>
</ul>

<ul>
<li>A single item list-not really a list at all</li>
</ul>
User 2073552 Photo


Registered User
1,625 posts

Can we have a link to the page in question?
"An Apple doth not fall far from its tree, yet an orange does."

https://lbwebsitedesign.com - Responsive Web Design & Web Hosting Services.
http://helpsite.sirage.com - HTML5, CSS3 and CC Help Video Blog.
User 187934 Photo


Senior Advisor
20,267 posts
Online Now


.navigation li {list-style:none;
border-bottom:1px solid #999999;
}
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2460601 Photo


Registered User
8 posts

Hi, guys. It's not published on a website. I was comparing the HTML outcome between the HTML editor preview pane and an actual browser (specifically Chrome) that I was using as my "default browser" in the HTML Editor. When I compared the two, the Chrome browser displayed it as described in the book, "The CSS3 Anthology"; however, the HTML Editor Preview pane did not recognize the CSS statement. This was sent as a note in case you may want to plan for a potential fix for it in future HTML Editor revisions.

I've also noticed that CSS3 isn't fully implimented in the HTML Editor, which is to be expected at this point. Any idea when CSS3 will be fully supported?
User 2073552 Photo


Registered User
1,625 posts

Shane Lewis wrote:
I've also noticed that CSS3 isn't fully implemented in the HTML Editor, which is to be expected at this point. Any idea when CSS3 will be fully supported?


Most likely when it is finished being written sometime in 2014. :D

It is not that it is not supported in the HTML Editor it is that most CSS3 is not supported by all the browsers. HTML Editor uses IE as the default browser.

In any case CSS3 is still under development and you will be happy to know that work on CSS4 has already started!
"An Apple doth not fall far from its tree, yet an orange does."

https://lbwebsitedesign.com - Responsive Web Design & Web Hosting Services.
http://helpsite.sirage.com - HTML5, CSS3 and CC Help Video Blog.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.