Today, I bumped into a weird problem when I was coding. It’s about something called “stray bullet”. I’d never heard of it before, so I did some digging and tried to figure it out myself.
What I Did to Understand It
First, I googled “what is a stray bullet”. I got some confusing explanations, mostly about databases and stuff. It’s kinda like, you got some unordered list (you know, the ones with bullet points), and somehow one bullet point just…goes off on its own. Doesn’t belong to any list item. That’s what I understood, anyway.
So, I opened up my code editor and started a new HTML file. I wanted to see this stray bullet thing in action. I just created a simple unordered list:
Item 1
Item 2
Item 3
Everything looked normal. No stray bullets there. I figured maybe it happens when you mess with the styling. I added some CSS, trying to remove the bullet points:
At first thought, there is noway to make a stray bullet.
I make a new html to test, then wrote
<!DOCTYPE html>
<html>
<body>
<ul>
<li>test1</li>
<li>test2</li>
</ul>
</body>
</html>
Then I saved it,I opened this file in *,wow, I successfully made a stray bullet!
My “Aha!” Moment
I realized that I was wrong.I can make a stray bullet when add a bullet point before <ul>.
It’s a simple * when I copy code from somewhere,I should pay more attention to aviod this mistake.
